若依行内编辑 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