首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用jquery和timepicker

使用jquery和timepicker
EN

Stack Overflow用户
提问于 2019-07-02 14:30:28
回答 1查看 214关注 0票数 1

我想在我的asp.net项目中使用时间选择器,我尝试在这个链接中做同样的事情:https://timepicker.co

我下载了两个文件JS和CSS,

但是像这样的,我可以把它放在哪里呢?

代码语言:javascript
复制
 $(document).ready(function(){
$('input.timepicker').timepicker({});});

我想用一些这样的东西:

代码语言:javascript
复制
 $('.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代码:

代码语言:javascript
复制
<!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>

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-07-02 14:38:37

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

代码语言:javascript
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

代码语言:javascript
复制
$(document).ready(function(){
    $('input.timepicker').timepicker({});
});
代码语言:javascript
复制
<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=""/>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56846550

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档