Question

我想在更改日期时进行重定向并传输所选日期参数（通过window.location.href）。我使用Bootstrap Date Paginator，其中包含Bootstrap datepicker，但我不知道如何更改这些代码行以使其正常工作：

this.$calendar
  .datepicker({
    options...
  })
  .datepicker('update', this.options.selectedDate.toDate())
  .on('changeDate', $.proxy(this._calendarSelect, this));

我知道我会使用changeDate事件，但是没有使用此事件的任何示例。你能帮帮我吗？

Answer 1

这会吗？

您可以像这样使用.on('change', ..)，

this.$calendar
  .datepicker({
    options...
  }).on('change', function() {
       var changedDate = this.$calendar.val();
       //alert("value of date is "+ x);
    var theUrl = 'your URL';
    window.location.href = theUrl+"date="changedDate
    });

否则，使用on('change.dp', ..)这样的事件，

this.$calendar
      .datepicker({
        options...
      }).on('change.dp', function() {
           var changedDate = this.$calendar.val();
           //alert("value of date is "+ x);
        var theUrl = 'your URL';
        window.location.href = theUrl+"date="changedDate
        });

或者也可以查看this。

Answer 2

可能为时已晚，但我遇到同样的问题并提出这个解决方案，设置Bootstrap Date Paginator的选项时跟踪onSelectedDateChanged函数并将日期值分配给变量并将该变量发送到location.href。

            <script>
            var currDate = new Date();
            var options = {
                           selectedDateFormat: 'DD/MM/YYYY',
                           selectedDate: moment(currDate).format('DD/MM/YYYY'),
                           onSelectedDateChanged: function (event, date) {
                                     var dateSelected = moment(date).format('DD/MM/YYYY');
                                     location.href = '/ServletName?timestamp='+currDate .getTime() + "&date=" + dateSelected ;
                               },
                           };

             $('#paginator').datepaginator(options);

         </script>
         <body>
                <div id="paginator"></div>
         </body>

Bootstrap Date Paginator datepicker

2 个答案: