Jquery Datepicker U.I 当用户 select 一次时不选择值

Question

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

我正在尝试实现 onSelect（这样当我 select 一个日期应该只显示一次时）但似乎无法弄清楚其中的逻辑。

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

Jquery 日期选择器代码

$( 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 当用户 select 一次时不选择值

Jquery Datepicker U.I not picking values when the user select once

jquery

jquery-ui-datepicker