javascript - Jquery UI datepicker setDate not working on dynamic change of formatDate -


i'm trying add button in control pane of datepicker. should allow show name of whole month, instead of specific date.

i need both behaviors (date picker , month picker) seems dynamic change of date format crashes widget. commented code has same problem.

var datetoday = new date(); var maxdate = "+365"; $('.datepicker').datepicker({   mindate: datetoday,   maxdate: maxdate,   dateformat: "dd-mm-yy",   changemonth: true,   changeyear: true,   showbuttonpanel: true,   onchangemonthyear: function(year, month, instance) {       var thiscalendar = $(this);       settimeout(function() {           var buttonpane = $(instance)               .datepicker("widget")               .find(".ui-datepicker-buttonpane");            $("<button>", {               text: "whole month",               click: function() {                   var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();                   var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();                   thiscalendar.datepicker("option", "dateformat", "mm yy");                   thiscalendar.datepicker('setdate', month + "/01/" + year);                   //thiscalendar.datepicker('setdate', new date(year, month, 1));                   //thiscalendar.datepicker("refresh");                }           }).appendto(buttonpane).addclass("ui-datepicker-clear ui-state-default ui-priority-primary ui-corner-all");       }, 1);   }  })

this fiddle shows issue: https://jsfiddle.net/mlewc6ep/3/. button appears on next months, not current one. if click on it, shows same month (e.g. august 2021, of today).

it looks datepicker bug, messes date when change dateformat , have mindate , maxdate set @ same time.

the solution remove min/max date options, set new format , restore min/max:

thiscalendar.datepicker("option", "mindate", null); thiscalendar.datepicker("option", "maxdate", null); thiscalendar.datepicker("option", "dateformat", "mm yy"); thiscalendar.datepicker("option", "mindate", datetoday); thiscalendar.datepicker("option", "maxdate", maxdate); // hack trick datepicker , keep date set thiscalendar.datepicker("option", "defaultdate", new date(year, month, 1)); thiscalendar.datepicker('setdate', new date(year, month, 1));

here fiddle.

update:

this solution works, if date: thiscalendar.datepicker('getdate'); shows today date. may bug?

in general, not sure if bug or normal behavior. looking @ datepicker code, clear did not expect partial date formats (such year + month, without day).

datepicker doesn't keep date value date, parses text value of input, looks this:

  • we set mm yy format
  • we choose date
  • datepicker converts date object value text march 2016
  • for ok, backward process triggered
  • datepicker parses march 2016 text , here things go wrong, not able parse , resets value defaultdate (which today default)

here place parse date , here place fails, after parsing has year , month value, default value day -1, can not construct date.

the workaround set defaultdate value same value date, when fails parse text, falls value need. updated fiddle , code above.


Comments

Post a Comment

Popular posts from this blog

routing - AngularJS State management ->load multiple states in one page -

Image
i developing site in angularjs ui-router. have situation on button click need change , load 3 state page , 3 looks image .please me how can load multiple pages. in 1 page you need configure router config this: $stateprovider .state("state1", { url: "/url1", controller: "firstcontroller", views: { view1: { templateurl: "templates/template1.html" }, view2: { templateurl: "templates/template2.html" }, view3: { templateurl: "templates/template3.html" } } }).state("state2", { url: "/url2", controller: "secondcontroller", views: { view1: { templateurl: "templates/template4.html" }, view2: { templateurl: "templates/template5.html" }, view3: { templateurl: "templates/template6.html" } }).state("state3", { ...
Read more

python - GRASS parser() error -

i'm trying use grass on python 2.7, i'm having problems @ setting script on idle, i'm getting error @ parser() function: here script: import os import sys gisbase = os.environ['gisbase'] = 'c:\program files (x86)\grass gis 7.0.1rc1' gisrc = 'c:\grassdata' gisdbase = 'c:\grassdata' location = 'newlocation' mapset = 'tc' ld_library_path = 'c:\program files (x86)\grass gis 7.0.1rc1\lib' path = 'c:\program files (x86)\grass gis 7.0.1rc1\etc';'c:\program files (x86)\grass gis 7.0.1rc1\etc\python';'c:\program files (x86)\grass gis 7.0.1rc1\lib';'c:\program files (x86)\grass gis 7.0.1rc1\bin';'c:\python27';'c:\program files (x86)\grass gis 7.0.1rc1\python27';'c:\program files (x86)\grass gis 7.0.1rc1\msys' pythonlib = 'c:\python27' pythonpath = 'c:\program files (x86)\grass gis 7.0.1rc1\etc\python' sys.path.append(os.path.join(os.environ['...
Read more

json - Gson().fromJson(jsonResult, Myobject.class) return values in 0's -

Image
i have json {"fechaupdateid":1,"fechasegundos":635902782941643690,"fechasegundosbc":635902779020935030} i execute command convert object fechaupdate dto = new gson().fromjson(json, fechaupdate.class); but got result this fechaupdate class public class fechaupdate { public int getfechaupdateid() { return fechaupdateid; } public void setfechaupdateid(int fechaupdateid) { this.fechaupdateid = fechaupdateid; } public long getfechasegundosbc() { return fechasegundosbc; } public void setfechasegundosbc(long fechasegundosbc) { this.fechasegundosbc = fechasegundosbc; } public long getfechasegundos() { return fechasegundos; } public void setfechasegundos(long fechasegundos) { this.fechasegundos = fechasegundos; } private int fechaupdateid ; private long fechasegundos ; private long fechasegundosbc; } solved ...
Read more