Textbox获胜'；t使用jquery日期选择器获取所选日期

本文关键字：日期 选择器 获取 jquery 使用 获胜 Textbox | 更新日期: 2023-09-27 18:24:23

src:

<script src="Scripts/jquery.min.js"></script>
<script src="Scripts/bootstrap.js"></script>
<script src="Scripts/bootstrap-datepicker.min.js"></script>
<script type="text/javascript">

脚本：

 $(function () {
        $("#datetimepicker1").datepicker({ dateFormat: "yy-mm-dd" });
        $("#datetimepicker1").on("change", function () {
            var selected = $(this).val();
            $("<%=txtDate.ClientID %>").val(selected)
        });
    });
</script>

设计者：

        <div class="form-group">
            <label for="txtDate" class="control-label col-sm-2 col-md-2 col-lg-2">&nbsp;&nbsp;&nbsp;preferred date </label>
            <div class="col-sm-4 col-md-4 col-lg-4 col-xs-10">
                <asp:TextBox ID="txtDate" runat="server" CssClass="form-control datepick"></asp:TextBox>
            </div>
            <div class="col-sm-2 col-md-2 col-lg-2 col-xs-2">
                <button type="button" id="datetimepicker1" class="common-button2"><span aria-hidden="true" class="glyphicon glyphicon-calendar"></span></button>
            </div>
        </div>

好吧，问题是，日历弹出，但文本框不会得到选定的日期，所有脚本都包括在内，没有错误。请帮忙，谢谢！

EDIT：使用<%=txtDate.ClientID%>，因为我的页面有母版页。

Textbox获胜'；t使用jquery日期选择器获取所选日期

$("<%=txtDate.ClientID %>").val(selected)

不是有效的jquery选择器

你想要

   $("#txtDate").val(selected)

如果您没有使用任何母版页，那么只需编写

$("#txtDate").val(selected);

否则

$("#<%=txtDate.ClientID %>").val(selected);

"#"很重要，因为它表示这是一个id。

您的datepicker太难使用了。

以下是的简单解决方案

<p>
        Date:
        <input type="text" id="datepicker"></p>

JS:-

 <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">

参见工作演示

更新

$(function () {
        $("#Id generated by inspecting element from browser").datepicker();
    });

jquery日期选择器在onSelect事件中返回所选值，而不是onChange。试试这个

<script>
 $(function () {
        $("#datetimepicker1").datepicker({ dateFormat: "yy-mm-dd" }, onSelect: function(dateText) {
   $("<%=txtDate.ClientID %>").val(dateText)
  });
    });
</script>
相关文章：