Javascript 如何在表中激活引导日期选择器?
我有一个脚本,可以将一行应用到表中。每行有两个用于开始日期和结束日期的日期选择器文本框 我尝试过这样更改脚本,但未能显示日期选择器:Javascript 如何在表中激活引导日期选择器?,javascript,jquery,twitter-bootstrap,jquery-ui,datepicker,Javascript,Jquery,Twitter Bootstrap,Jquery Ui,Datepicker,我有一个脚本,可以将一行应用到表中。每行有两个用于开始日期和结束日期的日期选择器文本框 我尝试过这样更改脚本,但未能显示日期选择器: 首先,需要声明为datepicker的是输入本身。因此,在第一种情况下,它将是类dt_集而不是日期_集 其次,在使用委托方法时,可以使用焦点事件,而不是单击事件 演示: 或者,如果您在表中使用tbody,您也可以将其声明为bellow $('#t_activity tbody').on('focus',".dt_set", function(){ }); 演示:
首先,需要声明为datepicker的是输入本身。因此,在第一种情况下,它将是类dt_集而不是日期_集 其次,在使用委托方法时,可以使用焦点事件,而不是单击事件 演示: 或者,如果您在表中使用tbody,您也可以将其声明为bellow
$('#t_activity tbody').on('focus',".dt_set", function(){
});
演示:woah thx。在我的问题上,专注比点击要好。还有,您知道如何设置第二行开始文本框开始日期=第一行结束文本框值、第三行开始文本框开始日期=第二行结束文本框值等等吗?@Vahn欢迎您。那将是一个不同的问题,你应该问另一个问题。
//START
$('.date_set .date').datepicker({
startView : 0,
forceParse : true,
autoclose : true,
format : "dd/mm/yyyy",
todayHighlight : true,
}).on('changeDate', function(selected){
var minDate = new Date(selected.date.valueOf());
$('.date_end .date').datepicker('setStartDate', minDate);
});
$('.date_end .date').datepicker({
startView : 0,
todayBtn : "linked",
forceParse : true,
autoclose : true,
format : "dd/mm/yyyy",
todayHighlight : true,
}).on('changeDate', function (selected) {
$('.date_set .date').datepicker('setEndDate', selected.date);
});
//END
$("#t_activity tbody").on('click','.date_set .date',function(){
$(this).closest('tr').find('div .dt_set').datepicker({
startView : 0,
forceParse : true,
autoclose : true,
format : "dd/mm/yyyy",
todayHighlight : true,
}).on('changeDate', function(selected){
var minDate = new Date(selected.date.valueOf());
$('.date_end .date').datepicker('setStartDate', minDate);
});
});
$('#t_activity').on('focus',".dt_set", function(){
});
$('#t_activity tbody').on('focus',".dt_set", function(){
});