Question

我必须使用JQuery Calendar控件作为出生日期字段，默认情况下，日历中的更改仅在用户选择日期时反映，而我被要求进行更改以反映用户选择月份，日期或年份的时间在日历控件中

<input name="txtdob"  id="txtDOB" class="rg-txt" hasDatepicker" placeholder="DD/MM/YYYY" type="text">

 $(document).ready(function () {
  // $(function () {
             $("#txtdob").datepicker({
                 changeMonth: true,
                 changeYear: true,
                 dateFormat: 'dd/mm/yy',
                 yearRange: "-90:+0"
             });
         // });
    });

我是否可以设置任何属性，以便在用户选择日期，月份或年份时，相同的更改应反映在txtDOB输入字段中更新：

我这样做了

$(function () {
            $("#txtDOB").datepicker({
                changeMonth: true,
                changeYear: true,
                dateFormat: 'dd/mm/yy',
                yearRange: "-90:+0",
                onChangeMonthYear: function (y, m, i) {
                    var d = i.selectedDay;
                    $(this).datepicker('setDate', new Date(y, m - 1, d));
                }
            });
        });

Answer 1

这个解决方案怎么样？希望它有所帮助！

以下是更新后的代码： http://codepen.io/HenryGranados/pen/ObWaXX

$(function() {
  var date = new Date();
  var currentDay = date.getDate();
  $("#txtdob").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "-90:+0",
    onChangeMonthYear: function(year, month, inst) {
        $(this).val(currentDay + "/"+month + "/" + year);
    }
  });
 });

.rg-txt{
  width:200px;
  margin:50px 200px;
}

<html>

<head>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>

<body>
  <input name="txtdob"  id="txtdob" class="rg-txt" hasDatepicker" placeholder="DD/MM/YYYY" type="text">
</body>

</html>

用于DOB的JQuery日历可以反映月，年或日期的更改

1 个答案: