Twitter bootstrap 引导日期选择器手动设置日期无效
我有一个传统的web应用程序,它使用了一些旧版本的bootstrap datepicker。我已经在这里上传了整个datepicker.js文件 我正在尝试设置开始日期选择器,以便在它发生更改时,选择值并计算所选月份的最后一天,然后将该值设置为结束日期的值 我正在使用下面的代码从开始日期选择器Twitter bootstrap 引导日期选择器手动设置日期无效,twitter-bootstrap,twitter-bootstrap-3,bootstrap-datepicker,Twitter Bootstrap,Twitter Bootstrap 3,Bootstrap Datepicker,我有一个传统的web应用程序,它使用了一些旧版本的bootstrap datepicker。我已经在这里上传了整个datepicker.js文件 我正在尝试设置开始日期选择器,以便在它发生更改时,选择值并计算所选月份的最后一天,然后将该值设置为结束日期的值 我正在使用下面的代码从开始日期选择器$('#dp1')获取值,并尝试将其设置为结束日期选择器$('#dp1a')的值。当我检查控制台时,我的lastDay变量是正确的。如果我选择2017年8月1日-它将注销2017年8月31日的字符串表示形式
$('#dp1')
获取值,并尝试将其设置为结束日期选择器$('#dp1a')
的值。当我检查控制台时,我的lastDay
变量是正确的。如果我选择2017年8月1日-它将注销2017年8月31日的字符串表示形式,然后再次登录。但是,我无法让它用正确的值更新结束日期
$('#dp1').datepicker().on('changeDate', function(ev) {
$('.datePickerStart').change();
});
$('.datePickerStart').change(function() {
// Parse the date and get the last day of the month selected
var date = new Date($(this).val());
var lastDay = new Date(date.getFullYear(), date.getMonth() + 2, 0);
console.log(lastDay);
$('#dp1a').datepicker('setValue', lastDay);
});
如果我像上面那样调用setValue,它会将该值设置为2017年9月1日
有人能指出我做错了什么吗?您的引导日期选择器版本太旧,似乎没有完整的方法
。日期选择器('setValue',value)
。与当前版本相比,缺少一些代码行。您可以检查差异。
尽管我已经使用您的版本对您的代码进行了一些更改,以设置值
$(document).ready(function(){
var second = $('#dp1a').datepicker().data('datepicker');
$('#dp1').datepicker().on('changeDate', function(ev) {
$('.datePickerStart').change();
});
$('.datePickerStart').change(function() {
// Parse the date and get the last day of the month selected
var date = new Date($(this).val());
var lastDay = new Date(date.getFullYear(), date.getMonth() + 2, 0);
console.log(lastDay);
second.date=lastDay;
second.setValue();
});
});
但是,当使用当前版本更新代码时,您的代码工作得非常完美。最好使用最新版本,以便轻松使用这些方法
希望这有帮助 怎么样
$('#dp1a').datepicker('setValue',lastDay.split('/').reverse().join('-')代码>.split不是console中的函数错误。lastDay是一个日期对象。