时间戳

首页 > 解决方案 > 使用 jquery 和 timepicker

c# - 使用 jquery 和 timepicker

问题描述

我想在我的 asp.net 项目中使用 timepicker，我尝试在这个链接中做同样的事情：https ://timepicker.co

我下载了 2 个文件 JS 和 CSS ，

但有些像这样，我可以把它放在哪里？

 $(document).ready(function(){
$('input.timepicker').timepicker({});});

我想使用一些这样的：

 $('.timepicker').timepicker({
timeFormat: 'h:mm p',
interval: 60,
minTime: '10',
maxTime: '6:00pm',
defaultTime: '11',
startTime: '10:00',
dynamic: false,
dropdown: true,
scrollbar: true });

但我不知道我可以把它放在哪里。

这是我的 HTML 代码：

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
   <link rel="stylesheet" href="Users/Myfile/Downloads/timepicker-1.3.5.zip/timepicker-1.3.5/jquery.timepicker.css">
    <script src="Users/Myfile/Downloads/timepicker-1.3.5.zip/timepicker-1.3.5/jquery.timepicker.js"></script>
    

    <script>
        $(document).ready(function () {
            $('input.timepicker').timepicker({});
        });
        </script>
<input type="text" class="timepicker" value=""/>
</head>
<body>

标签： c#asp.net

解决方案

在您的代码中添加 jquery 链接它将是工作的

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


$(document).ready(function(){
    $('input.timepicker').timepicker({});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>

<input type="text" class="timepicker" value=""/>

推荐阅读