Question

我正在使用Jquery Datepicker从用户那里获取日期，效果很好。问题是我必须双击才能捕获日期值并将其显示在文本框中。

我正在尝试实现onSelect（因此，当我选择一个日期时，只应显示一次），但似乎无法弄清楚逻辑。

<input type="text-area" placeholder="Child Date Of Birth" class="form-input dateTextBox" name="childdob" id="childDob" value="{{ old('childdob') }}">

jQuery Datepicker代码

$( function() {
      $( "#childDob" ).datepicker({
        changeMonth: true,
        changeYear: true,
        //yy-mm-dd
        dateFormat: 'yy-mm-dd',
        yearRange: "-18:+0",
        maxDate: "0",
        onSelect: function () {
            //
        }
      });
 });

Answer 1

除非您需要在其中进行编码，否则无需显式指定onSelect: function ()。

$( function() {

    $( "#childDob" ).datepicker({
        changeMonth: true,
        changeYear: true,
        //yy-mm-dd
        dateFormat: 'yy-mm-dd',
        yearRange: "-18:+0",
        maxDate: "0",
    });
    
});

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.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 type="text-area" placeholder="Child Date Of Birth" class="form-input dateTextBox" name="childdob" id="childDob" value="{{ old('childdob') }}">
          
</body>
</html>

用户选择一次时，jQuery Datepicker U.I不选择值

1 个答案: