javascript - jQuery UI datepicker一键获取日期和日期名称

Closed. This question needs details or clarity。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？添加详细信息并通过editing this post阐明问题。
                        
                        2年前关闭。
                                                                                            
                
        
我通过jQuery UI使用datepicker来获取完整的日期和日期。但是，现在我只需要单击日历就可以做到这一点。这是我的示例代码：

<script>
$(function(){
    var pickerOpts1 = {
        dateFormat: "yy-mm-dd"
    };
    var pickerOpts2 = {
        dateFormat: "DD"
    };
    $("#datepicker1").datepicker(pickerOpts1);
    $("#datepicker2").datepicker(pickerOpts2);
});
</script>

字段很简单：

<form  method="get" action="check.php">
    <p>date: <input type="text" name="dateH" id="datepicker1" /></p>
    <p>day: <input type="text" name="dayD" id="datepicker2" /></p>
    <button class="btn btn-primary" type="submit">Submit</button>
</form>

任何和所有帮助将不胜感激！

最佳答案

在这里，您有一个解决方案https://jsfiddle.net/0g4runLb/

$(function(){
  var pickerOpts1 = {
      dateFormat: "yy-mm-dd",
      onSelect: function(dateText, inst) {
        var date = $(this).datepicker('getDate');
        $('#datepicker2').val($.datepicker.formatDate('DD', date));
      }
  };
  $("#datepicker1").datepicker(pickerOpts1);
});

<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<form  method="get" action="check.php">
  <p>date: <input type="text" name="dateH" id="datepicker1" /></p>
  <p>day: <input type="text" name="dayD" id="datepicker2" /></p>
  <button class="btn btn-primary" type="submit">Submit</button>
</form>

希望这会帮助你。

关于javascript - jQuery UI datepicker一键获取日期和日期名称，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46879272/