如何在日期范围选择器中即时设置所选日期

Question

我正在使用daterangepicker和选项singleDatePicker: true。我想基于文本框的值在daterangepicker中设置选定的日期，方法是单击/焦点/点击文本框。但是在设置时遇到了麻烦。

这是我的代码：Jsfiddle

$(document).find('input.dob).each(function () {
    var $t = $(this);
    var dtrOptions = {
        showCustomRangeLabel: false,
        showDropdowns: true,
        singleDatePicker: true,
        autoUpdateInput: false,
        timePicker: true,
        timePickerIncrement: 10,
        startDate: moment().startOf('hour'),
        locale: {
            format: 'YYYY-MM-DD h:mm A'
        },
        "parentEl": "#schedulingModal",
        "drops": "auto"
    };

    var dtp = $('#' + $t.attr('id')).daterangepicker(dtrOptions);
    $t.on('apply.daterangepicker', function (ev, Picker) {
        $t.val(Picker.startDate.format('YYYY-MM-DD hh:mm A'));
    });
    $t.on('show.daterangepicker', function (ev, Picker) {            
        $('#' + $t.attr('id')).data('daterangepicker').setStartDate($t.val());
        });
    $t.on('focus', function () {
        //$('#' + $t.attr('id')).data('daterangepicker').setStartDate($(this).val());
    });        
});