Can't cahnge date and time manualy using range. - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

Tagged: datetimeinput, jqxdatetimeinput, range, selectionmode

This topic contains 4 replies, has 2 voices, and was last updated by Nadezhda 11 years, 6 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Can't cahnge date and time manualy using range. Posts
November 19, 2014 at 10:21 am Can't cahnge date and time manualy using range. #63004

igard
Participant

Hi! I can’t change time in DateTimenput using selectionMode : Range and format: dd.MM.yyyy HH:mm:ss, it shows only 20.11.2014 00:00:00 – 27.11.2014 23:59:59. Change date manualy i can’t too.

.jqxDateTimeInput({ width: ‘330px’, height: ’24px’, culture: ‘ru-RU’, selectionMode: ‘range’, dayNameFormat : ‘shortest’, formatString : ‘dd.MM.yyyy HH:mm:ss’, allowKeyboardDelete: true , readOnly : false });

Thanks!

November 19, 2014 at 11:11 am Can't cahnge date and time manualy using range. #63006
Nadezhda
Participant
Hello igard,

Here is an example which shows how to use jqxDateTimeInput with ‘culture’ and ‘selectionMode’ properties. If this example does not work on your side, please make sure you are using the latest version of jQWidgets (3.5.0).
```
<!DOCTYPE html>
<html lang="en">
<head>    
    <title></title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../scripts/demos.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdatetimeinput.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcalendar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxtooltip.js"></script>
    <script type="text/javascript" src="../../jqwidgets/globalization/globalize.js"></script>
    <script type="text/javascript" src="../../jqwidgets/globalization/globalize.culture.ru-RU.js"></script>
</head>
<body>
    <div id='content'>
        <script type="text/javascript">
            $(document).ready(function () {               
                // Create a jqxDateTimeInput
                $("#jqxWidget").jqxDateTimeInput({
                    width: '330px',
                    height: '24px',
                    selectionMode: 'range',
                    dayNameFormat: 'shortest',
                    formatString: 'dd.MM.yyyy HH:mm:ss',
                    allowKeyboardDelete: true,
                    readOnly: false,
                    culture: 'ru-RU'
                });
            });
        </script>
        <div id='jqxWidget'>
        </div>
    </div>
</body>
</html>
```
Best Regards,
Nadezhda

jQWidgets team
http://www.jqwidgets.com/
November 19, 2014 at 1:02 pm Can't cahnge date and time manualy using range. #63016

igard
Participant

Sorry, but you didn’t understand me:) DateTimeInput works fine! I can change value of date with GUI(calander), but if I try to change value of date or time with keys(type value in input) nothing is happens. Because of this, time is always from 00:00:00 to 23:59:59.
For example:
I need to get range from 10.10.2014 14:00:00 to 19.11.2014 12:00:00, but I have 10.10.2014 00:00:00 to 19.11.2014 23:59:59.

November 19, 2014 at 1:40 pm Can't cahnge date and time manualy using range. #63018

Nadezhda
Participant

Hi igard,

You can use the keyboard to change the widget’s value if you set ‘selectionMode’ property to default.

Best Regards,
Nadezhda

jQWidgets team
http://www.jqwidgets.com/

November 19, 2014 at 3:19 pm Can't cahnge date and time manualy using range. #63025

Nadezhda
Participant

Hi igard,

Unfortunately, changing value of date or time on range selection mode through the Input field is not supported.

Best Regards,
Nadezhda

jQWidgets team
http://www.jqwidgets.com/
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.