我该如何使用jquery进行时间选择，或者如果有的话，请提出建议 [英] How can I make this timepicker using jquery or if available please suggest

问题描述

我需要这样做时间选择器

I need to make timepicker like this

我已经经历过jQuery时间选择器，但是它不提供用于选择AM/PM的UI.

I have gone through jQuery time picker but it doesn't provides UI for picking AM/PM.

$('input.timepicker').timepicker();

http://jsfiddle.net/wvega/Cas6T/embedded/result，js，html，css，resources/

谁能建议我如何进行AM/PM选择控制.

Can anyone suggest how can I make AM/PM selection control.

推荐答案

如果您想要这种格式，请尝试以下代码，希望对您有用-

If you want this type of format, try this code hope useful -

(function($) {
    $(function() {
        $('input.timepicker').timepicker({
         timeFormat: 'h:mm',
        });
        
        $('#btnClick').on('click',function(){
        if($('.timepicker').val().trim()=="")
        alert('Seelct the time plz')
        else
       	 alert($('.timepicker').val()+' '+$('#format').val())
        });
    });
})(jQuery);

body {
    background: #EFEFEF;
    padding: 20px;
}
h1 {
    font-weight: bold;
}
p {
    margin: 10px 0;
}

<h1>jQuery TimePicker Demo</h1>

<br/>

<link src='https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css' type='text/css'/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js'></script>
<form>
    <input type="text" class="timepicker" name="time"/><select id='format'>
    <option value='AM'>AM</option>
    <option value='PM'>PM</option>
    </select>
    
    <input type='button' value='Click Here' id='btnClick'>
</form>

这篇关于我该如何使用jquery进行时间选择，或者如果有的话，请提出建议的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！