Thanks Dakshika,  that worked !

On Tue, Jul 5, 2016 at 8:34 PM, Dakshika Jayathilaka <[email protected]>
wrote:

> 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
>>
>>
>


-- 
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