BootstrapDateTimePicker实现第二选择下拉框

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个精彩的主题给你。

引导学习过程

引导实用教程

引导表使用教程

引导插件使用教程

以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。