Default value about timepicki HOT 8 OPEN

@Istiak1992
You can use this method
$("#timepicker1").on('click',function(){
alert("Hi")
})

from timepicki.

Hello, I'm not senthilraj and some months lasted since you posted the answer, but I also wanted to use custom divider and I found a solution.
Option is format_output and it accepts a function like that:

function(tim, mini, meri) {
                if(settings.show_meridian){
                    return tim + " : " + mini + " : " + meri;
                }else{
                    return tim + " : " + mini;
                }
            }

This is default one, you can find it at top of plugin source js. However, in that contest we don't have settings variable, so if you don't need the spaces and want 24h format, like me, you can modify it in this way:

function(tim, mini, meri) {
                return tim + ":" + mini;
        }

Hope it helps you or any lurker!

from timepicki.

Hi, and thanks for a great plugin!

I had the exact same problem and made a hack for a format_string option (syntax like strftime)
https://github.com/chroz/TimePicki
i - i.e. the current default is %H : %M : %p,
i override this in my pickers with "%H:%M"

It's way too hackish to be worthy of a pull request, but I think something like this could be the way to go, maybe making the show_meridian option implicit in the future?

from timepicki.

Thank you for your replies, guys, but these hacks do not resolve the issue. I need to set default value from backend. Using your solution, I have to generate JS code right in the HTML, or load it via AJAX. It is nightmare. I have already moved to https://eonasdan.github.io/bootstrap-datetimepicker/, which solves this problem, but unfortunately it needs bootstrap.

from timepicki.

I made this it works fine...

function getTimepickiTime(obj) {
    var TimeValue = obj.val();
    var trimmedTimeValue = TimeValue.replace(/ /g,'');
    var resultSplit = trimmedTimeValue.split(':');
    return resultSplit;
};
   $('.timepicker_start').timepicki({
         start_time: getTimepickiTime($('.timepicker_start'))
     });

This will take the value of the input and use it as default

from timepicki.

I know this thread is kind of old, but you can set the default value through HTML by specifying the following attributes on your input tag:

data-timepicki-tim
data-timepicki-mini
data-timepicki-meri

For hours, minutes, and meridian, respectively.
Works just fine without any code changes.

from timepicki.

i want to pop up an alert when i change time when value is changed in the textbox i want an alert pop up.how can i accomplish this?

from timepicki.

I have fixed it by changing code in line 407 of timepicki.js to this:

		var value = ele[0].value.replace(/ /g, '');
		if (value.length === 0) {
			d = new Date();
			ti = d.getHours();
			mi = d.getMinutes();
		}
		else {
			ti = parseInt(value.substr(0, 2));
			mi = parseInt(value.substr(3, 2));
                    }

Regards
Jaime

from timepicki.