【问题标题】:datepicker show the date based on year - JQuerydatepicker 显示基于年份的日期 - JQuery
【发布时间】:2017-10-14 15:09:17
【问题描述】:

我正在尝试根据选定的下拉列表加载当前年份和上一年(2017、2018)的日期范围。但我的日期选择器只显示第一次选择的年份。

我可以显示首先选择的年份。示例 首先选择 年份- 2017 表示显示 2017 年日历 选择的第二次更改年份- 2018是指显示2017年的日历

HTML 代码:

 <?php $year = date('Y'); ?>
 <select name="hyear" id="hyear" data-placeholder="Select Year"  class="form-control chosen-select">                                       
     <option value="<?php echo $year ?>"><?php echo $year ?></option>      
     <option value="<?php echo ++$year ?>"><?php echo $year ?></option>                                            
 </select>

脚本代码:

 function updateDatePic(mindate, maxdate)
    {
        $('#hdate').datepick({
            minDate: mindate,
            maxDate: maxdate,
            onSelect: function () {

            }
        });
    }

    $('#hyear').change(function () {
        var year = $.trim($("#hyear").val());
        var mindate = '01/01/' + year;
        var maxdate = '12/31/' + year;        
        alert("mindate="+mindate+"...maxdate="+maxdate);        
        updateDatePic(mindate, maxdate);
    });

请指教!

【问题讨论】:

    标签: javascript php jquery html


    【解决方案1】:

    请使用此代码:

    $( "#hdate" ).datepicker({   
        dateFormat: 'dd/mm/yy',
        changeMonth: true,
        changeYear: true,
        yearRange: '2017:2018'
    });
    

    【讨论】:

    • 为什么不能用change函数改年?
    • 当如何在更改事件中更改属性时,您将使用日期选择器插件,因此请将年份更新为日期选择器 yearRange 参数
    • 非常有用,谢谢!
    猜你喜欢
    • 2016-03-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-05-27
    • 1970-01-01
    • 2022-07-25
    • 2010-09-21
    相关资源
    最近更新 更多