【问题标题】:DatePicker Bootstrap lost date range after postbackDatePicker Bootstrap 在回发后丢失日期范围
【发布时间】:2014-02-13 10:53:14
【问题描述】:

我的应用程序是一个 ASP.NET MVC,我实现了引导日期选择器,如下所示:

$(window).load(function () {

        var startDate = new Date('01/01/2012');
        var FromEndDate = new Date();
        var ToEndDate = new Date();

$('#DataInicio').datepicker({
            format: "dd/mm/yyyy",
            todayBtn: "linked",
            startDate: '01/01/2012',
            language: "pt-BR",
            todayHighlight: true,
            endDate: FromEndDate,
            autoclose: true
        }).on('changeDate', function (selected) {
            startDate = new Date(selected.date.valueOf());
            startDate.setDate(startDate.getDate(new Date(selected.date.valueOf())));
            $('#DataFim').datepicker('setStartDate', startDate);
        });

$('#DataFim').datepicker({
            format: "dd/mm/yyyy",
            todayBtn: "linked",
            language: "pt-BR",
            todayHighlight: true,
            startDate: startDate,
            endDate: ToEndDate,
            autoclose: true
        }).on('changeDate', function (selected) {
            FromEndDate = new Date(selected.date.valueOf());
            FromEndDate.setDate(FromEndDate.getDate(new Date(selected.date.valueOf())));
            $('#DataInicio').datepicker('setEndDate', FromEndDate);
        });

第一次pageload时,daterange运行良好,但是在postpack后daterange丢失了配置,下图是第一次和postback后:

防止选择开始日期大于结束日期的配置丢失。

如何在回发后修复并保持选中范围?

谢谢

【问题讨论】:

  • 这是回发还是由 ajax 更新,因为 window.load 如果用 ajax 更新,则不会触发,您需要在 ajax 调用完成时更新元素。

标签: javascript jquery twitter-bootstrap datepicker


【解决方案1】:

我使用此解决方案进行了修复:

if ($('#DataInicio').val()) {
    startDate = $('#DataInicio').val();
   };

if ($('#DataFim').val()) {
    FromEndDate = $('#DataFim').val();
   };

回发后日期范围保持不变。

【讨论】:

    猜你喜欢
    • 2020-09-23
    • 2012-06-18
    • 1970-01-01
    • 2015-11-29
    • 1970-01-01
    • 2018-06-15
    • 1970-01-01
    • 1970-01-01
    • 2019-04-05
    相关资源
    最近更新 更多