javascript - Using TimePicker or Datepicker in Durandal template project -

-

i new durandal. have tried of adding time picker project follows. schedule.js code:

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; } });

here jquery.pttimeselect time picker js file. need add jquery.pttimeselect.js here or else.

schedule.html :

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

problem facing getting basic time picker @ bottom of page. not getting add js , css files project. please new this.

i using timepicker following link http://pttimeselect.sourceforge.net/example/index.html

to , running solid timepicker control , durandal can follow these steps.

add these scripts page in same order below order. add them standard tags before load require/durandal.

  1. jquery http://jquery.com/
  2. jqueryui http://jqueryui.com/
  3. this timepicker control (built on jquery ui) http://fgelinas.com/code/timepicker/
  4. the jqueryui knockout bindings steve saunderson heiserman mentioned. https://github.com/stevesanderson/knockout/wiki/bindings---jqueryui-widgets

here how might reference scripts above, these scripts tags should go main layout page, index.html or whichever page hosting durandal application:

<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>

then can create timepicker in durandal view this:

<input type="text" placeholder="choose time" data-bind="jqueryui: { widget: 'timepicker', options: { showperiod: true }}">

Comments

Post a Comment

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

-
i use delphi xe2 , indy10 udp protocol. can't receive server echo on client side if use receivebuffer method. got "socket error # 10040" although send small echo message server client. console application illustrate problem below. in advance. program project1; {$apptype console} {$r *.res} uses system.sysutils, idglobal, idbasecomponent, idcomponent, idsockethandle, idudpclient, idudpserver, idudpbase, idstack; type tudp_serv = class(tidudpserver) procedure udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); end; var udpserver: tudp_serv; udpcl: tidudpclient; bsnd, brcv: tbytes; s: string; k: integer; //============================================================================== procedure tudp_serv.udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); begin writeln(' server read: ' + tohex(adata, length(adata))); abinding sendto(peerip, peerport, adat...
Read more

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

-
i new windows programming. here goes code objiwbemlocator = new qaxobject("wbemscripting.swbemlocator"); objwmiservice = objiwbemlocator->querysubobject("connectserver(qstring&,qstring&)",qstring("."),qstring("root\\cimv2")); qaxobject* returnlist = objwmiservice->querysubobject("execquery(qstring&)", qstring("select * %1").arg(domain)); qaxobject* result = returnlist->querysubobject("itemindex(int)", 0); i getting error on runtime qt activex wmi qaxbase::dynamiccallhelper: itemindex(int): no such property in but itemindex method exists msdn says the itemindex method not work collections not contain swbemobjects, such swbemmethodset, swbemnamedvalueset, swbemprivilegeset, swbempropertyset, , swbemqualifierset. what selecting ? have tried iterating on collection ? plus need minimum windows vista itemindex method. hope helps
Read more

Enable autocomplete or intellisense in Atom editor for PHP -

-
i'm first time user of atom editor php code. atom can autocomplete built-in functions of php. possible make editor autocomplete custom function written in separate file? function.php <?php function printsomething() { echo "hello world"; } index.php <?php require_once "function.php"; printsomething(); // autocompleted atom editor while typing thanks in advance. there text file in %userprofile%.atom called snippets.cson. in there can add snippet. more this: http://flight-manual.atom.io/using-atom/sections/snippets/ but need think can use later on other files well. otherwise need copy , paste.
Read more