ASP.NET DatePicker(VB)

时间:2016-06-20 11:17:03

标签: asp.net

我没有在ASP.NET控件中看到任何日期选择器。

任何人都知道如何在我的网页中添加它。

我使用VB作为编程语言。

结果

我要感谢所有发布帮助我实现此线程目标的解决方案,代码和链接的人。基于所有的源代码,下面的代码是可以很好地工作的代码。

内容1

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/jquery-ui.min.js"></script>
    <link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">
        $(function () {
            //initialise the datepicker with the date format specified
            $(".datepicker").datepicker();
        });
    </script>

并在

内容2

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<asp:TextBox runat="server" ID="txt_MyDate" CssClass="datepicker" MaxLength="10" />

3 个答案:

答案 0 :(得分:1)

你是对的,没有任何内置的东西。 我个人会推荐jQueryUI datepicker - 它可靠而灵活,而且它基于javascript,所以你的服务器端语言是什么并不重要。

请参阅https://jqueryui.com/datepicker/

在您的aspx页面中添加了对jQuery和jQueryUI的必需引用后,添加如下脚本部分:

<script type="text/javascript" language="javascript">
    $(function () {
        //initialise the datepicker with the date format specified
        $(".datepicker").datepicker();
    });
</script>

然后将“datepicker”类添加到您要使用datepicker的页面上的任何文本框控件:

<asp:TextBox runat="server" ID="txt_MyDate" CssClass="datepicker" MaxLength="10" />

P.S。我还可以推荐其余大部分jQueryUI包,其中有一些有用的项目可以加快你的开发时间,让你的应用看起来更好,更实用。

答案 1 :(得分:1)

在[head]标签中添加。

   <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

   <script src="http://code.jquery.com/jquery-1.10.2.js"></script>

   <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

并在[script]标签

中的aspx页面中使用此jquery函数
    $(function () {

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

    $("#datepicker").change(function () {
        $('#btnRefresh').click();

    });

并添加一个文本框以显示所选日期。和用于在服务器端获取日期的按钮。喜欢这个代码

<input type="text" id="datepicker" runat="server" clientidmode="Static" />


    <asp:Button ID="btnRefresh" runat="server" onclick="btnRefresh_Click" ClientIDMode="Static"
        Text="Refresh" AutoPostback="true" style="display:none;"/>

使用这个onclick事件来做你想要的..

答案 2 :(得分:0)