CuriousSolutions/DateTimePicker

Responsive flat design jQuery DateTime Picker plugin for Web & Mobile

Chris Hinds

@hindsc52

ok thanks for the info, thats a shame, i really liked this option

Neha Kadam

@nehakadam

Do you want this? - You are using "dd-MM-yyyy” Date format and you want date "23-10-2015" to be displayed in the input field as “Friday".

Chris Hinds

@hindsc52

@nehakadam yes that is exactly what i am after, well to display "Friday, 23 October"

Neha Kadam

@nehakadam

Yes. I am adding this feature. It is very useful.

Chris Hinds

@hindsc52

Fantastic, I don't suppose it will be ready today will it :P If not do you have any other recommendations for date pickers just like yours that include this

Neha Kadam

@nehakadam

It will get ready. As I will only add callback functions to add parse and format dates the way you want.

But if you can check http://bootstrap-datepicker.readthedocs.org/en/latest/options.html

It has toDisplay and toValue.

Chris Hinds

@hindsc52

thats fantastic thank you, if its ready by today or Monday that even better. Thank you so much.

Neha Kadam

@nehakadam

Thanks for Feature Request

Chris Hinds

@hindsc52

No worries, will you be able to message here when the you updated the widget?

Neha Kadam

@nehakadam

Ok.

Neha Kadam

@nehakadam

You can use a new version of DateTimePicker.
See example - BasicExamples-CustomInputValue.htm.

Chris Hinds

@hindsc52

hi, thank you, should I do another 'nom install' to bring in the new version?

Neha Kadam

@nehakadam

You can download it from Github DateTimePicker Repo
or
in “package.json” file of your project modify devDependencies to include “datetimepicker": "*" and then use npm install.

Chris Hinds

@hindsc52

thanks again, do i have to do anything else? as the date is still formatted like 23-10-2015

Neha Kadam

@nehakadam

You download it from Github only, because it takes time to reflect changes on npm.

Chris Hinds

@hindsc52

right ok, ill try that

hmmm its formatting it like 23-10-2015

this is my input field: <input type="text" className="form-control input-size-md" name="formInput" data-field="date" placeholder="Thursday, 16 September"/>

and I have included the new function on the page too provided in your example file

Chris Hinds

@hindsc52

I'm using the cdn links to load the js and css would this be the problem?

Chris Hinds

@hindsc52

ok I have it working it now, however now when i try and enter in a time on the same page it replaces it with the newly formatted date :(

is it possible to show 'Friday' instead of 'Fri'?

Neha Kadam

@nehakadam

If you want to use it immediately, don't use CDN as it takes time to reflect changes to CDN.

Check whether new version 0.1.16 is retrieved using CDN.

Neha Kadam

@nehakadam

Initialize DateTimePicker for Date and Time separately as functions added for customization of input are applied to all text fields inside a div on which you initialize DateTimePicker.

Neha Kadam

@nehakadam

See example of separating code in BasicExamples-ElementsGroup.htm in demos folder of DateTimePicker repo.

Neha Kadam

@nehakadam

Please re-download DateTimePicker and use new version. Also see “BasicExamples-CustomInputValue.htm”, I added “time" and “datetime” fields in it.

Chris Hinds

@hindsc52

thnakyou so much, this definitely the diatomite picker i will be recommending to everyone, you support has been fantastic.

Chris Hinds

@hindsc52

Hi, something Im not sure may be possible, but is it possible to have a button next to an input field that simply sets the date to todays date in the new format like 'Monday 26 October'

Neha Kadam

@nehakadam

It is not possible with current setting, I will give you a solution by tomorrow.

Neha Kadam

@nehakadam

Try modified “BasicExamples-CustomInputValue.htm” with "Today Button" in new version of plugin(0.1.18).

Elvira

@lamujeresponja

Hi all! I want show the day of week of the year in my calendar datetimepicker but i don't get it with weeks:true in options file.

Neha Kadam

@nehakadam

Can you give an example?

Elvira

@lamujeresponja

I want what appear in http://xdsoft.net/jqplugins/datetimepicker/ ... The first visual calendar of that page

Neha Kadam

@nehakadam

UI of DateTimePicker is different from that of http://xdsoft.net/jqplugins/datetimepicker/.
It does not include Calendar.
Have a look at DateTimePicker UI in http://curioussolutions.github.io/DateTimePicker/.
But the functionality is the same.

Elvira

@lamujeresponja

ok. Thanks

karolinkaIn

@karolinkaIn

Hey there, I´m using the datepicker in an angular application, I want to initialise the values in the input field each time according to the ones that were last used. I do have function to get the values that were last used, but I can´t set them. They stay at current date.

Neha Kadam

@nehakadam

@karolinkaIn Have you seen Angular Demo?

If it does not solve your issue please let me know.

Neha Kadam

@nehakadam

CuriousSolutions/DateTimePicker#40 may help you.

Celal KAŞLI

@celalkasli

hey

i am using your datetimepicker plugin

it is very cool

but can you help me please to set min date and min time

i just want to set min date today and min time + 2 hourse later

Neha Kadam

@nehakadam

$("#dtBox").DateTimePicker({

    dateTimeFormat: "dd-MM-yyyy HH:mm:ss",

    addEventHandlers: function()
    {
        var oDTP = this;
        var date_min = new Date();
        date_min.setHours(date_min.getHours() + 2);
        oDTP.settings.minDateTime = oDTP.getDateTimeStringInFormat("DateTime", "dd-MM-yyyy HH:mm:ss", date_min);
    }
});

Hi @celalkasli , please try above code

Dicle123

@Dicle123

Hello. Is there a way to make the increment and decrement buttons to work rapidly? I mean can I make them increase or decrease the number as long as I keep pressing the buttons?

Where communities thrive

People

Repo info

Activity