javascript - How to make a range of dates avaible in DatePicker mvc4 -

-

i have method generate range of dates. want make range of dates avaible in datepicker , rest of dates has disabled.

this jquery:

;(function($) {     $(function() {         $("form.xforms-form").bind({             xforms_enrich: function(e) {                 if ($.fn.datepicker) {                     $("input.qmatic-dateslot", e.args.data).each(function() {                           var inp = $(this);                         if (inp.is(":disabled")) return;                         var tabindex = inp.attr("tabindex");                          var dateformat = $.xforms.getproperty(inp, 'dateformat') || 'd-m-yy';                         dateformat = dateformat.replace(/m/g, '0').replace(/h/gi, '0').replace(/t/g, '').replace(/m/g, 'm').replace('yyyy', 'yy');                          $("#" + inp.attr("id") + " ~ button.ui-datepicker-trigger").attr("tabindex", tabindex);                          var clearbtn = $('<button class="ui-datepicker-clear" type="button" tabindex="' + tabindex + '">x</button>').click(function() {                             inp.val('');                             inp.change();                             return false;                         });                         inp.after(clearbtn);                            inp.datepicker({                             dateformat: dateformat,                             changemonth: true,                              beforeshowday: function(date) {                                  var array = $.getjson("/qmatic/getavailabledates"); //["2015-03-14", "2015-03-15", "2015-03-16"];                                 var string = jquery.datepicker.formatdate('yy-mm-dd', date);                                 return [array.indexof(string) == -1];                             },                             changeyear: false,                             showweek: true,                             firstday: 1,                             yearrange: "c-100:c+15",                             showon: inp.hasclass("ui-date-picker-onfocus") ? "focus" : "button"                          })                      });                      $("#ui-datepicker-div").hide();                 }             }         })     }) })(jquery);

and method generates availeble in class: qmatic:

public availabledates getavailabledates(string branchpublicid, string servicepublicid)         {             httpwebrequest httprequest = createhttprequest("calendar-backend/public/api/v1/branches/" + branchpublicid + "/services/" + servicepublicid + "/dates", httpmethod.get, "application/json");             string json = get(httprequest);             return jsonconvert.deserializeobject<availabledates>(json);         }

so has client side. because dates available. how enable range in datepicker , disable other dates?

thank you

i try this:

 inp.datepicker({                             dateformat: dateformat,                             changemonth: true,                             url: "/qmatic/getavailabledates",                             type: "get",                              beforeshowday: function (date) {                                   var array = url; //$.getjson("/qmatic/getavailabledates");  //["2015-03-14", "2015-03-15", "2015-03-16"];                                 var string = jquery.datepicker.formatdate('yy-mm-dd', date);                                 return [array.indexof(string) == -1];                             },                             changeyear: false,                             showweek: true,                             firstday: 1,                             yearrange: "c-100:c+15",                             showon: inp.hasclass("ui-date-picker-onfocus") ? "focus" : "button"                          })

but datepicker doenst work anymore

so hardcoded:

 var array = ["2015-03-14", "2015-03-15", "2015-03-16"];

but how extract dates method:

public availabledates getavailabledates(string branchpublicid, string servicepublicid)         {             httpwebrequest httprequest = createhttprequest("calendar-backend/public/api/v1/branches/" + branchpublicid + "/services/" + servicepublicid + "/dates", httpmethod.get, "application/json");             string json = get(httprequest);             return jsonconvert.deserializeobject<availabledates>(json);         }

thank you!

this output of json:

{"notifications":[],"dates":["2015-07-22t00:00:00","2015-07-23t00:00:00","2015-07-24t00:00:00","2015-07-27t00:00:00","2015-07-28t00:00:00","2015-07-29t00:00:00","2015-07-30t00:00:00","2015-07-31t00:00:00","2015-08-03t00:00:00","2015-08-04t00:00:00","2015-08-05t00:00:00","2015-08-06t00:00:00","2015-08-07t00:00:00","2015-08-10t00:00:00","2015-08-11t00:00:00","2015-08-12t00:00:00","2015-08-13t00:00:00","2015-08-14t00:00:00","2015-08-17t00:00:00","2015-08-18t00:00:00","2015-08-19t00:00:00"],"meta":{"start":"","end":"","totalresults":21,"offset":null,"limit":null,"fields":"","arguments":{}}}

i try this:

 inp.datepicker({                             dateformat: dateformat,                             changemonth: true,                             //url: "/qmatic/getavailabledates/",                             type: "get",                                                        datatype: "application/json",                             url: "~/getavailabledates, qmatic",                             data:"{}",                              beforeshowday: function (date) {                                 var result = msg.d;                                  var array = []; //$.getjson("/qmatic/getavailabledates");  //["2015-03-14", "2015-03-15", "2015-03-16"];                                 var len = result.length;                                 (var = 0; < len; i++) {                                     array.push(result[i]);                                  }                                 var string = jquery.datepicker.formatdate('yy-mm-dd', date);                                 return [array.indexof(string) == -1];                             },                             changeyear: false,                             showweek: true,                             firstday: 1,                             yearrange: "c-100:c+15",                             showon: inp.hasclass("ui-date-picker-onfocus") ? "focus" : "button"                          })


Comments

Post a Comment

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

-
i have problem namespace of spring security on xhtml page. don't understand why can't load uri, , have following issue: whitelabel error page application has no explicit mapping /error, seeing fallback. tue jul 21 16:58:12 utc 2015 there unexpected error (type=not found, status=404). please need help! possible uri has been changed? best regards you using incorrect namespace url. correct url http://www.springframework.org/schema/security the error page seeing spring source website since not recognize url. try visiting http://www.springsource.org/security/tags in browser update : spring security tags used in jsp page correct tag lib declaration is: <%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
Read more

sql - MySQL query optimization using coalesce -

-
can explain me why second query faster first? (first 1 takes around 40 seconds, second 1 less 0.1) select releases.feature_code, releases.platform_id, version, release_date, general_available, uri, filesize, display_name, feature_name.full_name, if ((select exists(select 1 release_exceptions releases.feature_code = release_exceptions.feature_code , releases.platform_id = release_exceptions.platform_id , releases.version = release_exceptions.version) = 1), 1, 0) release_exceptions releases left outer join platform using(platform_id) left outer join feature_name using(feature_code) order version desc; ~~~ query 2 ------------------ ~~~ select feature_code, version, release_date, general_available, platform_id, uri, filesize, display_name, feature_name.full_name, coalesce(release_exceptions, 0) release_exceptions mus.releases left outer join ( select distinct feature_code, version, platform_id, 1 release_exceptions mus.release_exceptions ) release_exceptions using ...
Read more

unity3d - Unity local avoidance in user created world -

-
i'm using unity3d networked multiplayer online game have large complex 3d terrain scene forest, trees, cliff, hills, mountains, bounders, etc. players can build structures sort of minecraft, , put them anywhere in scene, or move them around anytime. aside human controlled players, there automated ai players , objects animals roaming around scene following path. the problem how make these automated ai players , animals, able navigate around static , dynamic player created structures, because path follow can blocked player created structures, or other players , other ai objects, cliffs etc. have find away around them or on track if tumble down off high cliff example. so made navmesh , used navagents, takes care of static, non moving objects, how make ai players navigate around each other , dynamic structures created players can number in hundreds? i thought of adding navmeshobstacle everything, result in being attached hundreds of objects since user created structures b...
Read more