若依行内编辑 X-editable搭配Bootstrap-DatePicker控件

 bootstrap-editable自带的DatePicker基础版:https://blog.csdn.net/torpidcat/article/details/103871641

--------------------------------------------------------------------------------------

下面是结合Bootstrap-DatePicker使用:

  步骤参考: https://www.studenty.cn/?p=648 ,原文修改了bootstrap-editable.js中的两处代码,但是有个小bug,初次打开不弹日期框,而且可以手动录入其他值,应该不影响使用;如果按照原文修改对应的js对应代码之后未生效,有可能是editable版本不一致导致的,我没细究,不能用就别强求了。 

原文demo下载地址失效,我这里自己弄了一个js,直接拿去用就行(当前js基于X-editable - v1.5.1,不保证兼容其他功能):https://pan.baidu.com/s/1OFu50hldGp8H8ZZzUPO9fg

{
	field : 'contentCreateDate',
	title : '发布日期',
	visible: true,
	sortable: true,
	editable : {
		/*type: 'date',
		clear: false,
		placement: 'left',
		emptytext : "--",
		datepicker: {
			language: 'zh-CN',
		},
		title: '请选择日期:',*/
		type: 'text',
		inputclass: 'RemoveFocus datepicker-Date',//被修改的js内相关RemoveFocus和datepicker-Date
	},
	formatter: function(value, row, index){
		if(value != null && value.length > 10){
		value = value.substring(0,10)
	    }
	    return value;
	}
},

相关参考 bootstrap-datepicker   https://github.com/uxsolutions/bootstrap-datepicker

发布了99 篇原创文章 · 获赞 55 · 访问量 32万+

猜你喜欢

转载自blog.csdn.net/torpidcat/article/details/103878860