Asp.net中的日期时间选择器

本文关键字:时间 选择器 日期 net Asp | 更新日期: 2023-09-27 18:10:31

我想显示日期和时间选择器。我用谷歌搜索了很多次,但一无所获。我从"keduoi.com"下载文件,并在mu项目中使用,但它不能正常工作,只显示文本字段。我正在尝试从这个链接。

代码如下:

  <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LaterTime_Pick_up.aspx.cs" Inherits="LocationBasedTaxiServices.LaterTime_Pick_up" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <link href="styles/kendo.common.min.css" rel="stylesheet" />
        <link href="styles/kendo.default.min.css" rel="stylesheet" />
        <script type="" src="js/jquery.min.js"></script>
    </head>
    <body>
            <div id="example" class="k-content">
                <div id="to-do">
                        <input id="datetimepicker" style="width:200px;" />
                </div>
            <script type="">
                $(document).ready(function () {
                    // create DateTimePicker from input HTML element
                    $("#datetimepicker").kendoDateTimePicker({
                        value: new Date()
                    });
                });
            </script>
            <style scoped> 
                #to-do {
                    height: 52px;
                    width: 221px;
                    margin: 30px auto;
                    padding: 91px 0 0 188px;
                    background: url('../../content/web/datepicker/todo.png') transparent no-repeat 0 0;
                }
            </style>
            </div>
    </body>
    </html>

只显示文本域

Asp.net中的日期时间选择器

我不确定,除非你能确切地告诉你得到什么错误。但是如果你还没有添加js文件,那就先添加吧。

有不同的计划可获得剑道ui。引用这个

kendo有关于在asp.net应用程序中使用日期选择器的文档。

链接

您必须包含用于kendou的Javascript。

<script src='xxxx/kendo-uixxx.js'></script>

您的代码中缺少kendo.all.min.js。

你也可以使用jQuery。UI,有时初学者更容易开始用jQuery构建客户端界面。

  • jQuery UI: http://jqueryui.com/
  • jQuery UI Datepicker: http://jqueryui.com/datepicker/