Question

我正在尝试在控件中使用简单的日期选择器。当用户单击文本框时，应显示日历。但是，日历并没有突然出现。

这是我的代码。

    <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Activity.ascx.cs" Inherits="Website.Controls.Activity"  %>


    <script type="text/javascript" src="assets/libs/jquery-ui-1.8.14.custom.min.js"></script>
    <script type="text/javascript">
    $(function () {
        $('#<%= DateHtmlInputText.ClientID %>').datepicker();
    });
    </script>

    <div id="activity">
       <asp:TextBox ID="DateHtmlInputText" CssClass="datePicker" runat="server" />
    </div>

Answer 1

你应该看看jQuery UI Date Picker，它们有你可以使用/应用的工作示例。如果不使用完整的UI库，请确保包含所有依赖项。您可以使用示例下方的“查看源代码”链接查看示例的HTML / JavaScript。

jQuery UI DatePicker

使用.NET TextBox控件的示例

<script src="http://code.jquery.com/jquery-1.6.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/JavaScript">
    $(document).ready(function () {
        $('#<%= TextBox1.ClientID %>').datepicker();
    });
</script>

Answer 2

确保在页面/母版页中包含正确的JavaScript引用，并确保在控件标记中使用updatepanel，然后在页面中包含以下JavaScript结束请求处理程序

function pageLoad(sender, args) {
        if (args.get_isPartialLoad()) {
            jQuery(document).ready(function() {
                jQuery("#txttdate").datepicker({ minDate: 0 });

                $('.timepicker_input').timepicker({
                    showPeriod: true,
                    showLeadingZero: true
                });
  });

修改

如果您没有使用updatepanel，那么您还应该在
中附上datpicker（）调用
jQuery(document).ready(function() { }

它将确保您的功能仅在完成加载后执行

也按照我们的同行的建议访问Jquery Datepicker UI以获取更多见解

希望它可以帮到你

Jquery Datepicker无法在控件中工作

2 个答案: