Hi Malinda,

change format attribute as you want to get time values on text input.

ex: format: 'MM/DD/YYYY h:mm A'

<input type="text" name="daterange" value="01/01/2015 1:30 PM - 01/01/2015
2:00 PM" /> <script type="text/javascript"> $(function() {
$('input[name="daterange"]').daterangepicker({ timePicker: true,
timePickerIncrement: 30, locale: { format: 'MM/DD/YYYY h:mm A' } }); });
</script>


Regards,

*Dakshika Jayathilaka*
PMC Member & Committer of Apache Stratos
Associate Technical Lead
WSO2, Inc.
lean.enterprise.middleware
0771100911

On Tue, Jul 5, 2016 at 6:37 PM, Milinda Perera <[email protected]> wrote:

> Hi UI/UX team,
>
> In our BPS BPMN Explorer We need to add Start time (Date and time) and End
> time (Date and time) for substitution UI. I used daterangepicker as
> follows
>
> In HTML:
>
>          <input type="text" class="form-control" id="subStartDate"
> onfocus="setDatePicker('subStartDate')">
>
> In JS setDatePicker(dateElement) function
>     var elementID = '#' + dateElement;
>     $(elementID).daterangepicker({
>         singleDatePicker: true,
>         showDropdowns: true,
>         timePicker: true,
>         parentEl: '#addSubstituteModalContent',
>         locale: {
>             format: 'MM/DD/YYYY'
>         }
>     });
>
> but when we select relevant time and date in pop-up, and click apply, only
> the date appears in the text input. I have attached screenshot also. What
> is the proper recommended way to get time input?
>
> Are there any recommened other options ?
>
> Thanks,
> Milinda
>
> --
> Milinda Perera
> Software Engineer;
> WSO2 Inc. http://wso2.com ,
> Mobile: (+94) 714 115 032
>
>
_______________________________________________
Dev mailing list
[email protected]
http://wso2.org/cgi-bin/mailman/listinfo/dev

Reply via email to