bootstrap-datetimepicker only displays dd/mm/yyyy in production

Question

0.00/5 (No votes)

See more:

bootstrap-datetimepicker only displays dd/mm/yyyy in production but work fine in dev. It should be displaying todays date, and letting me chose another date if required, but its stuck with the string "dd/mm/yyyy".. Its working fine in development though.. Here is my code.

C#

$(function () {
           $('#Date').datetimepicker({
               format: 'L',
               showClose: true,
               showClear: true,
               toolbarPlacement: 'top'
           });

<div class="form-group">
                                   @Html.LabelFor(model => model.Date, htmlAttributes: new { @class = "control-label col-md-2" })
                                   <div class="col-md-10">
                                       @Html.EditorFor(model => model.Date,
                                              new
                                              {
                                                  htmlAttributes = new
                                                  {
                                                      @class = "form-control"
                                                  },
                                              })
                                       @Html.ValidationMessageFor(model => model.Date, "", new { @class = "text-danger" })
                                   </div>
                               </div

>

I have tried to set the default date in jquery using

defaultDate: '@DateTime.Now.ToShortDateString()',

and it works fine in dev, but in production it only displays dd/mm/yyyy.

Thanks in advance.

Posted 2-Jun-15 12:54pm

nebiam

Updated 2-Jun-15 13:01pm

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

tholitz_reloaded · Answer 1 · 2015-06-02T16:28:00

Solution 1

Have you checked if the jquery datetimepicker plugin is referenced in production?

Posted 2-Jun-15 16:28pm

tholitz_reloaded

Comments

nebiam 3-Jun-15 0:34am

its working and referenced in development, hence i'm assuming it would be in production? .. I have checked the jquery on the page in viewsource and it exists.

nebiam · Answer 2 · 2015-06-02T22:03:00

After hours of testing and frustration i've been able to figure this out.

It seems browsers that support HTML5 such Google Chrome render this input field with a date picker.

In order to correctly display the date, the value must be formatted as 2012-09-28...

I had to change my model to the following;

SQL

[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
public DateTime Date { get; set; }

And use the plugin to edit the appearance of the date to my specific locale (dd/MM/yyyy).