如何在標簽和文本框中顯示日期選擇器值

Question

$("#datepicker").datepicker();

我正在使用此功能

它的輸入框是

<input type="text" id="datepicker" name="fulldate" class="form-control wid-100"> <span id="#dpicker_name"></span>

請幫我吧啦

Answer 1

習慣於此代碼

演示版

 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function() { $( "#datepicker" ).datepicker(); }); $(document).ready(function(){ $('#datepicker').on('change', function(){ var dateThis = $(this).val(); $('#dpicker_name').text(dateThis); }); }); </script> </head> <body> <p>Date: <input type="text" id="datepicker"> <span id="dpicker_name"></span></p> </body> </html>

Answer 2

嘗試這個。

$("#dpicker_name").text($( "#datepicker" ).datepicker( "getDate" ));

Answer 3

在javascript獲取價值

var date = $(".datepicker").val();

並分配給lable

Answer 4

你必須喜歡

 $(document).ready(function(){ $("#datepicker").datepicker({ onSelect: function(dateText, inst) { $("#dpicker_name").html(dateText); } }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css"> <input type="text" id="datepicker" name="fulldate" class="form-control wid-100"> <span id="dpicker_name"></span>

請檢查文件

你也可以不用onSelect就可以得到它

$("#datepicker").datepicker("getDate");

Answer 5

嘗試這個

   $( "#datepicker" ).datepicker({
      showOn: "button",
      buttonImage: "images/calendar.gif",
      buttonImageOnly: true,
      buttonText: "Select date"
   });

在我看來，您想在單擊圖標時觸發日期選擇器。 在此處檢查文檔。

如何在標簽和文本框中顯示日期選擇器值

問題描述

5 個解決方案

解決方案1
0 2015-12-28 05:52:10

解決方案2
0 2015-12-28 05:56:07

解決方案3
0 2015-12-28 05:57:15

解決方案4
0 已采納 2015-12-28 06:00:25

解決方案5
0 2015-12-28 06:01:15

如何在標簽和文本框中顯示日期選擇器值

問題描述

5 個解決方案

解決方案1 0 2015-12-28 05:52:10

解決方案2 0 2015-12-28 05:56:07

解決方案3 0 2015-12-28 05:57:15

解決方案4 0 已采納 2015-12-28 06:00:25

解決方案5 0 2015-12-28 06:01:15

解決方案1
0 2015-12-28 05:52:10

解決方案2
0 2015-12-28 05:56:07

解決方案3
0 2015-12-28 05:57:15

解決方案4
0 已采納 2015-12-28 06:00:25

解決方案5
0 2015-12-28 06:01:15