javascript - 在Durandal模板项目中使用TimePicker或Datepicker

我对durandal非常陌生。我尝试将时间选择器添加到项目中，如下所示。
schedule.js代码：

define([], function (require) {
var script = require('jquery.ptTimeSelect');
var app = require('durandal/app');

var vm = {
    viewAttached: viewAttached,
};
return vm;

function viewAttached(view) {
    $(view).find('#sample1').ptTimeSelect();
    //$('#sample1').ptTimeSelect();

    console.log("activated schedule module");
    return true;
}
});

这里jquery.ptTimeSelect是时间选择器js文件。
我真的需要在这里或其他地方添加jquery.ptTimeSelect.js吗？

schedule.html：

  <section>
    <p>
        <label>Start</label><br />
        <input id="sample1" class="ui-widget-content" name="s1Time2" value="" />
    </p>

</section>

我面临的问题是页面底部的基本时间选择器。我没有到哪里添加js和CSS文件到项目中。请帮助我对此很陌生。

我正在通过以下链接http://pttimeselect.sourceforge.net/example/index.html使用时间选择器

最佳答案

要使用可靠的时间选择器控件和durandal快速启动并运行，请按照以下步骤操作。

按照以下顺序将这些脚本添加到页面中。在加载需求/ durandal之前，将它们添加为标准标签。

jQuery http://jquery.com/
jQueryUI http://jqueryui.com/
此时间选择器控件（基于jui ui构建）http://fgelinas.com/code/timepicker/
Heiserman提到的Steve Saunderson的jQueryUI Knockout绑定。 https://github.com/SteveSanderson/knockout/wiki/Bindings---jqueryui-widgets

这是您可能引用上述脚本的方式，这些scripts标记应进入主布局页面index.html或托管Durandal应用程序的任何页面：

<head>
   <script src="/Scripts/jquery-1.9.1.js"></script>
   <script src="/Scripts/jquery-ui-1.10.0.js"></script>
   <script src="/Scripts/jquery.ui.timepicker.js"></script>
   <script src="/Scripts/knockout-jquery-ui-widget.js"></script>
   <script type="text/javascript" src="/App/durandal/amd/require.js" data-main="/App/main"></script>
</head>

然后，您可以在durandal视图中简单地创建一个时间选择器，如下所示：

<input type="text" placeholder="Choose Time" data-bind="jqueryui: { widget: 'timepicker', options: { showPeriod: true }}">

关于javascript - 在Durandal模板项目中使用TimePicker或Datepicker，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15742728/