html5 - Cross-browser datepicker format in asp.net mvc -


to chrome , other browsers support html5 date natively show datepicker need put these attributes on date property in model:

        [datatype(datatype.date)]         [displayformat(applyformatineditmode = true, dataformatstring = "{0:yyyy-mm-dd}")]         public datetime? { get; set; }

for other browsers use datepicker jquery ui.

i have set datepicker use dd.mm.yyyy format, dd.mm.yyyy.

it works long users clicks field , chooses date, when there data in field server-side shown in yyyy-mm-dd format , not chosen default value when datepicker opened.

how show dates in dd.mm.yyyy format when has sent server in yyyy-mm-dd format work native html5 datepicker?

<!doctype html>  <html xmlns="http://www.w3.org/1999/xhtml">  <head>      <title></title>      <link href="content/themes/base/jquery-ui.css" rel="stylesheet" />      <script src="scripts/jquery-1.10.2.js"></script>      <script src="scripts/modernizr-2.6.2.js"></script>      <script src="scripts/jquery-ui-1.10.2.js"></script>      <script src="scripts/jquery-ui-i18n.js"></script>      <script type="text/javascript">          $(document).ready(function () {                if (!modernizr.inputtypes.date) {                  $.datepicker.setdefaults(                      $.extend(                      {                          'dateformat': 'mm.dd.yy',                          'altformat': 'yy-mm-dd'                      },                      $.datepicker.regional['no']                      )                      );                                $("#from").datepicker().val();                  $("#to").datepicker();              }          })      </script>  </head>  <body>      <form action="/home/date" method="post">                  <label for="from">from: </label>          <input id="from" name="from" type="date" value="2014-09-23" />          <label for="to">to: </label>          <input id="to" name="to" type="date" value="2014-10-09" />                  <input type="submit" value="save" class="btn btn-default" />      </form>  </body>  </html>

in chrome uses native date-picker , formats date according chromes settings.

chrome

in firefox renders this:

firefox

after have clicked in field , chosen date uses format want, dd.mm.yyyy

is there way force jquery datepicker format included data on page load?

you can change current culture in global.asax file, application level example can try format wanted,

using system.globalization; using system.threading;  protected void application_beginrequest(object sender, eventargs e) {       cultureinfo newculture = (cultureinfo) system.threading.thread.currentthread.currentculture.clone();   newculture.datetimeformat.shortdatepattern = "dd-mmm-yyyy";   newculture.datetimeformat.dateseparator = "-";   thread.currentthread.currentculture = newculture; }

Comments

Post a Comment

Popular posts from this blog

php - Submit Form Data without Reloading page -

i know question has been asked , answered bunch of times life of me can not solution work on code. believe if redo code, work properly, , in retrospect time i've spent on issue should have redone code...but beyond deadline , have working prototype up... can advise how update multiple forms on single page without reloading page? horrible @ php , complete noob js/jquery/ajax @ best. html/php in single file , believe causing me problems/is largest obstacle @ getting ajax form processing work. basically, want users to: select teams multiple dropdowns in form group 1 (league champs) , on update update db newly selected team without reloadding page. edit team scores per match , on score submit/update, update db new scores. for each requirement there multiple forms (1 each leagues, 1 each per match) have set class on each form id. everything works via php, form submission reloads page each time submitted , not ideal. i have tried ajax code here http://scotch.io/tutoria...
Read more

linux - Rails running on virtual machine in Windows -

the reason why want switch ubuntu people said gems works better on linux on windows. i don't want macbook pro rails development since love windows , cannot stand lack of apps mac. moreover, people saying ubuntu "better" mac: http://www.reddit.com/r/ubuntu/comments/1bgj1s/are_there_advantages_of_ubuntu_over_os_x_for/ does virtual box work enough doesn't have lag @ all? using i7-3517u cpu 8gb memory. need program in environment lag-free , not sluggish. or there alternatives recommend? i unsure permission settings or complicated stuffs regarding terminal. i'll using terminal develop. i'm still quite new here development in linux. please kind me >< thanks. @holyxiaoxin pretty sure should asking on superuser instead. nevertheless, suggest install ubuntu in partition instead of running virtual machine. here's guide https://help.ubuntu.com/community/windowsdualboot also, yes. developing in virtual machine accurate, @ end experiment w...
Read more