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

stringtemplate - StringTemplate4 if conditional with length -

-
i need generate following kinds of code stringtemplate4: methodfoo0(connection conn); methodfoo1(connection conn, int arg1); methodfoo2(connection conn, int arg1, int arg2); etc. the "connection conn" part present passing method name , rest of arguments st template. template looks follows: <methodname>(connection conn, <args; separator=", ">); this works produces comma when there no arguments @ (except conn): methodfoo0(connection conn,); to eliminate comma tried using if conditional , length st4 function couldn't work although tried various combos following: <methodname>(connection conn <if (length(fieldsinfind) \> 0)>,<else><endif><fieldsinfind; separator=", ">) ... , others failed parsing-related error ( mismatched input ). in end, gave , resorted passing comma parameter template either "," or empty string "" based on pre-rendering logic. you check p
Read more

shader - OpenGL Shadow Map -

-
i trying basic shadow map reason doesn't render properly. video of problem i render house using flat shader: int shadowmapwidth = window_size_x * (int)shadow_map_ratio; int shadowmapheight = window_size_y * (int)shadow_map_ratio; // rendering shadow texture. glactivetexture(gl_texture0); call_gl(glbindtexture(gl_texture_2d, shadowtexture)); // bind framebuffer. call_gl(glbindframebuffer(gl_framebuffer, shadowfbo)); //clear call_gl(glclear(gl_depth_buffer_bit)); call_gl(glviewport(0, 0, shadowmapwidth, shadowmapheight)); call_gl(glcolormask(gl_false, gl_false, gl_false, gl_false)); //render stuff flatshader.use(); flatshader["basecolor"] = glm::vec4(1.0f,1.0f,1.0f,1.0f); flatshader["pvm"] = projectionmatrix*pointlight.viewmatrix*cursor.modelmatrix; cursor.draw(); //binds vao , draws // revert scene. call_gl(glbindframebuffer(gl_framebuffer, 0)); call_gl(glcolormask(gl_true, gl_true, gl_true, gl_true)); call_gl(glviewport(0, 0, window_size_x, window_s
Read more