【问题标题】:Change startDate with datepicker for bootstrap使用 datepicker 更改 startDate 以进行引导
【发布时间】:2015-02-01 04:22:57
【问题描述】:

我有一个会议编辑页面。允许用户创建一个新会议,或者他们可以获得一个会议列表,一旦他们选择了一个会议,就可以编辑该会议。

我正在为我的日期选择器使用http://eternicode.github.io/bootstrap-datepicker/

对于创建会议,我希望开始日期为 new Date(),这可以正常工作,但是当我使用所选会议填充表单时,我无法重置开始日期。

这是我设置日期选择器的方法

var datePicker = $("#dp1").datepicker({
        format: "mm/dd/yyyy",
        autoclose: true,
        startDate: new Date(),
    }).on("changeDate", function(e){
        startDate = new Date(e.date);
        // --- more code here --
    });

然后,当用户从搜索结果中单击会议时,我尝试重置开始日期,但它不起作用。

我最近的尝试是:

$('#dp1').data('datepicker').setStartDate(new Date(selectedmeeting.startTime));
$('#dp1').datepicker({'setDate': new Date(selectedmeeting.startTime)});

我应该以不同的方式实例化选择器还是在表单的总体上实例化选择器有什么想法?

【问题讨论】:

  • 您说重置开始日期,是指将日期设置为会议日期?
  • 你只是想设置值吗? $("#dp1").val(selectedmeeting.startTime);
  • 当页面加载时,我希望表单只允许今天和未来的日期。但是,如果有人搜索旧会议,我希望日期选择器使用该日期,但它在我在加载时定义的 stateDate 之前。现在发生的情况是空白表单可以正常工作,但是当用户单击满足日期选择器输入的结果时,要么显示今天的日期,要么显示其空白。

标签: javascript jquery twitter-bootstrap-3 datepicker


【解决方案1】:

我不太清楚你的问题 但也许它会帮助你

var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getDate(), nowTemp.getMonth(), 0, 0, 0, 0);
$('#dp1').datepicker({ 
    autoclose: true,
    startDate: now
}).on('changeDate', function(e){
    $('#dpd1').datepicker('setStartDate', e.date);
});

它会改变 startDate 每设置一个日期。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-20
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多