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(){
});