How to set default time and minute

Question

In this fiddle inside the view appointments tab,there is add timing button.When I click on the button then a new row gets added.Now when I click on the calender icon then a pop comes up which shows the current hour and minutes.But I want it to show 00:00. Can any body please tell me how to do?

I have tried to modify the setDate method inside the bootstrap date time picker source code

setLocalDate: function (localDate) {
    if (!localDate) 
        this.setValue(null);
    else 
        this.setValue(Date.UTC(localDate.getFullYear(), localDate.getMonth(), localDate.getDate(), localDate.getHours(), localDate.getMinutes(), localDate.getSeconds(), localDate.getMilliseconds()))
},

to

setLocalDate: function (localDate) {
    if (!localDate) 
        this.setValue(null);
    else 
        this.setValue(00, 00, 00, 00,00, 00, 00))
},

but it did not work.Please anybody tell me what else do I have to change

I wouldn't go messing with the library anyway. According the to the (extremely minimal) [documentation](http://www.eyecon.ro/bootstrap-datepicker/), you should be using `.datepicker('setValue', value)` where *value* can be "a string in the specified format or a Date object". — RobG, May 19 '14 at 06:13

Olaf Dietsche · Accepted Answer · 2014-05-19T12:03:42.763

2

As @RobG already said, you can simply set the value in the initialization routine

ko.bindingHandlers.datepicker1 = {
    init: function (element, valueAccessor, allBindingsAccessor) {
        $(function () {
            $(element).parent().datetimepicker({
                pickDate: false,
                pickSeconds: false,
                minuteStep: 10
            });

            $(element).parent().datetimepicker('setValue', '00:00');
        });

// ...

See updated JSFiddle

Update:

If you want 00:00 as default value only, you must pick the value from the valueAccessor first and set 00:00, if the value is undefined

init: function (element, valueAccessor, allBindingsAccessor) {
    $(function () {
        $(element).parent().datetimepicker({
            pickDate: false,
            pickSeconds: false,
            minuteStep: 10
        });

        var accessor = valueAccessor();
        var val = ko.unwrap(accessor) || '00:00';
        $(element).parent().datetimepicker('setValue', val);
    });

// ...

See JSFiddle

Update:

Unfortunately, I cannot find any documentation about version 2.2.0. Testing, if the accessor is a function, seems to work

var val = valueAccessor();
if (typeof(val) == 'function')
    val = val();

$(element).parent().datetimepicker('setValue', val || '00:00');

Updated JSFiddle

edited May 19 '14 at 12:03

answered May 19 '14 at 09:54

Olaf Dietsche

72,253
8
102
198

I want to show 00:00 only to dynamically created rows.For example when you click on the add timings button then a row gets added and to this date picker only I want to show 00:00.But I dont want to show older rows – SpringLearner May 19 '14 at 10:27
its giving me error `uncaught TypeError: undefined is not a function` at this line `var val = ko.unwrap(accessor) || '00:00';` – SpringLearner May 19 '14 at 11:11
May be there is version issue.The fiddle is using knockout 3 but in my project i am using knockout 2.2.0 – SpringLearner May 19 '14 at 11:34
I tried it with Knockout 2.2.0 and it complains about `ko.unwrap`. Unfortunately, I cannot find any documentation about version 2.2.0. – Olaf Dietsche May 19 '14 at 11:56
I tried with ko.utils.unwrapObservable and it worked.replaced var val = ko.unwrap(accessor) || '00:00'; with var val = ko.utils.unwrapObservable(accessor) || '00:00'; – SpringLearner May 19 '14 at 13:22
Great, do you have a link to some documentation? – Olaf Dietsche May 19 '14 at 13:26
Can you come to stackoverflow chat? – SpringLearner Jun 10 '14 at 14:22

How to set default time and minute

1 Answers1