Bootstrap DateTimePicker
插件没有第二选择,如果你想选择的时间精确到秒,没有
控制,虽然你可以
设置格式:'yyyy-mm-dd HH:二:学生,将被添加到第二
输入框,但不能控制二值
默认为当前客户的时间秒。
这个例子
修改引导DateTimePicker的源代码。如果
显示器显示格式:'format:'…,这将增加第二选择下拉框来选择层,你可以自定义选择时间第二部分。效果如下。
Bootstrap DateTimePicker增加了第二个选择下拉框效果图:
Bootstrap DateTimePicker增加了第二个选择下拉框的
步骤:
1)添加下拉框,找到this.picker.find('。DateTimePicker分钟TD),Html(html.join(')),可能在709线以下
/ /添加DateTimePicker下拉框,如果
配置选择第二,否则不加
无功addsec = / S {1,2}, /。试验(',' + this.format.parts.join(',')+ ','),SSEC = addsec ':';
this.addsec = addsec;
如果(addsec){
无功orgsec = this.viewdate.getseconds();
对于(VAR _i = 0;_i +(_i;
上证综指+ =;
}
This.picker.find('。DateTimePicker分钟TD),Html(html.join(' ')+ SSEC);
2)修改容器单击事件。大约846行,添加以下红色语句,以防止选择
日期弹出框用于选择秒。
单击:
函数(e){
e.stoppropagation();
E.preventDefault();
选择第二个日期控件选择符/防止隐藏层
如果(e.target.tagname = = 'select' e.target.tagname = 'option'返回| |);
3)然后继续寻找case'span'statement,约916,修改获得第二内部的方式,如下图所示
case'span:
如果(!Target.is(残疾人)){
VaR年= this.viewdate.getutcfullyear(),
月= this.viewdate.getutcmonth(),
天this.viewdate.getutcdate(),
小时= this.viewdate.getutchours(),
分钟= this.viewdate.getutcminutes(),
修改得到 / / DateTimePicker秒的方式
秒= this.addsec this.picker.find('select)。瓦迩():this.viewdate.getutcseconds();
在这里完成自举DateTimePicker添加二选择下拉框
功能。点击这里
下载修改bootstrap-datetimepicker.js
文件 注意:必须配置格式显示秒才能显示第二个下拉框,否则它不会显示。
$('。form_datetime)。Datetimepicker({
weekstart:1,
TodayBtn:1,
Autoclose:1,
TodayHighlight:1,
该:2,
forceparse:0,
showmeridian:1,
格式:'yyyy-mm-dd HH:二:学生 / / /
});
如果你想深入
学习,你可以点击这里学习,然后附上3个精彩的主题给你。
引导学习过程
引导实用
教程 引导表
使用教程 引导插件使用教程
以上是本文的全部内容,希望能对您有所帮助,希望大家多多
支持。