Twitter bootstrap 3 引导日期选择器拆分日期

Twitter bootstrap 3 引导日期选择器拆分日期,twitter-bootstrap-3,bootstrap-datepicker,Twitter Bootstrap 3,Bootstrap Datepicker,我在更新一个旧的预订系统视图的过程中,目前我正在寻找一个更新日历小部件的解决方案。由于该站点响应迅速,我选择了eternicode提供的引导数据采集器 好的,问题在这里。我有一个旧的日期选择器,它将签入和签出日期拆分为3部分,然后为PHP格式化日期(n=月份无前导零))(j=日期无前导零)和(Y=年份4位数字) 输入框标记如下所示 <input type='text' id='fulldate' name='fulldate'> <label>Enter Day of A

我在更新一个旧的预订系统视图的过程中,目前我正在寻找一个更新日历小部件的解决方案。由于该站点响应迅速,我选择了eternicode提供的引导数据采集器

好的,问题在这里。我有一个旧的日期选择器,它将签入和签出日期拆分为3部分,然后为PHP格式化日期(n=月份无前导零))(j=日期无前导零)和(Y=年份4位数字)

输入框标记如下所示

<input type='text' id='fulldate' name='fulldate'>
<label>Enter Day of Arrival (in the format DD) </label>
<input type="text" name="daysI" id="daysI" size="6" maxlength="6" /> 
<label>Enter Month of Arrival (in the format MM) </label>
<input type="text" name="monthsI" id="monthsI" size="6" maxlength="6" /> 
<label>Enter Year of Arrival (in the format YYYY) </label>
<input type="text" name="yearI" id="yearI" size="6" maxlength="6" /> 
但是,我无法获得类似的解决方案来使用引导数据采集器,我将其用作jQuery UI ie的替代品:

$('#fulldate').datepicker({
    format: "d/m/yyyy",
    todayBtn: "linked",
    todayHighlight: true
    onSelect: function(dateText, inst) {
        var pieces = dateText.split('/');
        $('#daysI').val(pieces[0]);
        $('#monthsI').val(pieces[1]);
        $('#yearI').val(pieces[2]);
    }
});

提前感谢您提供的任何解决方案。

文档提供了如何捕获日期更改事件的示例:

这样的事情应该是正确的(未经测试):


一般来说,在PHP中处理日期时,我喜欢使用Unixtime,它使存储、计算和格式化更容易。您好,使用datepicker的目的是为用户提供一种输入日期的方法。分割字段将被隐藏,仅用于将正确的数据传递给php变量。为了让您了解我正在使用的是一个旧的预订系统,该系统是图标立方的,因此无法访问代码库。我正在尝试做的是完全剥离前端页面,使其响应,因为它们是用表中的表构建的,所以不幸的是,所有工作都必须采用我提供的格式。分球传球。
$('#fulldate').datepicker({
    showAnim: 'fadeIn',
    dateFormat: 'd/m/yy',
    onSelect: function(dateText, inst) {
        var pieces = dateText.split('/');
        $('#daysI').val(pieces[0]);
        $('#daysI').val(pieces[1]);
        $('#daysI').val(pieces[2]);
    }
});
$('#fulldate').datepicker({
    format: "d/m/yyyy",
    todayBtn: "linked",
    todayHighlight: true
    onSelect: function(dateText, inst) {
        var pieces = dateText.split('/');
        $('#daysI').val(pieces[0]);
        $('#monthsI').val(pieces[1]);
        $('#yearI').val(pieces[2]);
    }
});
$('#fulldate').datepicker()
.on('changeDate', function(ev){

  var newDate = new Date(ev.date);

   $('#daysI').val(newDate.getDate());
   $('#monthsI').val(newDate.getMonth());
   $('#yearI').val(newDate.getFullYear());

});