如何顯示中的jQuery datepicker值 <p> 使用innerHTML標記

Question

我試圖將日期選擇器添加到我的網頁中，以顯示用戶從日期選擇器插件中選擇的日期，並將其顯示在日歷圖標旁邊的<p>標記中。 當前，我可以顯示日期選擇器，但是當用戶選擇日期時，什么也沒有發生。 我試圖使用innerHTML檢索所選日期並顯示它。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Test</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
    <!-- Bootstrap 3.0 -->
    <link rel="stylesheet" href="main.css">
    <!-- main CSS -->
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <!-- JQuery CSS -->
</head>

<body>
<header>
    <div class="content-container">
        <div class="date-section">
            <div class="container">
                <div class="date-scroll">
                    <input type="hidden" id="datepicker">
                    <p id="date-fill"></p>
                </div>
            </div><!-- container -->
        </div><!-- date-section -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="js/myscript.js"></script>
<script>
    $("#datepicker").datepicker({
        showOn: "button",
        buttonImage: "http://hastypudding.org/assets/images/icon-calendar-blue.png",
        buttonText: "Open Calendar",
        buttonImageOnly: true,
        inline: true,
        onSelect: function(){
            var day1 = $("#datepicker").datepicker('getDate').getDate();                 
            document.getElementById("date-fill").innerHTML = day1.getDate();
        }
    });

</script>

</body>
</html>

Answer 1

改用此代碼

onSelect: function(){
    var day1 = $("#datepicker").datepicker('getDate');
    document.getElementById("date-fill").innerHTML = day1;
}

Answer 2

嘗試這個：

onSelect: function(dateText, inst) { 
      var dateAsString = dateText; //the first parameter of this function
      var dateAsObject = $(this).datepicker( 'getDate' ); //the getDate method
      $("#date-fill").html(dateAsObject)
   }

如何顯示中的jQuery datepicker值 <p> 使用innerHTML標記

問題描述

2 個解決方案

解決方案1
1 2015-09-06 19:34:19

解決方案2
0 已采納 2015-09-06 19:31:05

如何顯示中的jQuery datepicker值 <p> 使用innerHTML標記

問題描述

2 個解決方案

解決方案1 1 2015-09-06 19:34:19

解決方案2 0 已采納 2015-09-06 19:31:05

解決方案1
1 2015-09-06 19:34:19

解決方案2
0 已采納 2015-09-06 19:31:05