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