Telerik Forums
Kendo UI for jQuery Forum
8 answers
627 views
Typo in title: should be 5.3.2

ISO 8601 5.3.2 distinguishes between combined representations of Date-Time values  (e.g. 2013-01-20 18:00) and uncombined representations of Time of Day values (e.g. 18:00); the latter is not connected to any particular day and because it is not yoked to a date, it is not a moment in a chronological continuum that extends beyond the 24-hours of the single (indeterminate) day. "Time of Day" is a very simple data type, an analog for the hours, minutes, and seconds of the 24-hour clock, which runs from 00:00 to 24:00.

Unlike a combined Date-Time representation, where it is possible to disambiguate the start of the day from the end of the day by incrementing the date element (January 20 at 00:00 is the start of January 20th.  January 21 at 00:00 is the end of January 20th) the uncombined Time of Day representation has to find another way to distinguish the start of the day from the end of the day, as it lacks a date element. To distinguish the start of the 24-hour day from the end of the 24-hour day,  ISO 8601 3.5.2 treats 24:00 as a valid representation of the end of the day. 00:00 refers to the start of the day. 24:00 refers to the end of the day. When the hour value of a Time of Day is 24, the minutes and seconds must be 0.

Examples of the use of 24:00 under ISO 8601 5.3.2 can be found in the original ISO 8601 specification as well as in Appendix B.1.2 Time of Day here: http://dotat.at/tmp/ISO_8601-2004_E.pdf   (cf. page 28).  Here is an excerpt (sorry, the formatting is lost):

Midnight — The beginning of a day 
Basic format............... Extended format .....................Explanation 
000000...................... 00:00:00.................................. Complete 

0000........................... 00:00....................................... Hour and minute only 

Midnight — The end of a day 
Basic format............... Extended format..................... Explanation 
240000....................... 24:00:00................................ Complete 
2400........................... 24:00..................................... Hour and minute only


But the Kendo timePicker does not accept the string literal 24:00:

    var timePicker = $("#myTimePicker").data("kendoTimePicker");
    timePicker.value("24:00");
 
    ?timePicker.value()
     null

The Kendo TimePicker should accept 24:00.   The developer should be able to set 24:00 as the value for the TimePicker and later get 24:00 from it.   The DateTimePicker can be used for working with combined representations   The TimePicker should be usable with uncombined Time of Day representations.

As an aside, I believe it is unwarranted to treat an uncombined Time of Day as if it were a moment on the calendar continuum. It does not achieve the existential status of calendar-time until it is explicitly yoked to a date.   The problem arises from trying to make the Time of Day be more than the crude but very useful datatype it is.  

Not all databases conform to this ISO standard. Here is one that does:
http://www.postgresql.org/docs/9.1/static/datatype-datetime.html

and here is another:
http://www.sqlite.org/lang_datefunc.html

and here is another:
http://publib.boulder.ibm.com/infocenter/dzichelp/v2r2/index.jsp?topic=%2Fcom.ibm.db2z10.doc.intro%2Fsrc%2Ftpc%2Fdb2z_datetimetimestamp.htm


P.S.  The following are all different datatypes under ISO 8601 and ought not be confused with one another, as they are indeed being conflated by many, including the folks at  java.SQL.lang who are conflating TimeSpan and TimeOfDay into a single datatype, muddying the water.  

DateTime
TimeSpan aka Interval
Time aka TimeOfDay

Only the first, DateTime, is linked to a particular date on the calendar. TimeSpan and TimeOfDay are not on the calendar  nor are they in a time-zone, having no localization information. If a Time is cast to a DateTime, the cast should either fail or a default/arbitrary date such as the beginning of the epoch might be chosen. But strictly speaking qua datatypes, TimeSpan and TimeOfDay are unrelated to the calendar.


Tim R
Top achievements
Rank 1
 answered on 06 Feb 2013
2 answers
619 views
Hi,

I used to write below code in order to clear my kendo DatePicker value 

      $("#inputEndDate").data("kendoDatePicker").value(null);
     $("#inputEffEndDate").data("kendoDatePicker").value(null);
......
........

I just wondering is there any approach to clear all date picker fields in single line ?? As we used  to clear all inputs in a page like below
 eg : $(input).val('');

Thanks in advance
Ambica
Ambica
Top achievements
Rank 1
 answered on 06 Feb 2013
3 answers
254 views
Hello

I have seen that it is possible to create an image when using the telerik asp.net ajax charts. But is it possible to do the same with the kendo charts?

The reason is that I would like to export them to different formats such as pdf, and power point.

Thanks,
Teodora
Yashraj
Top achievements
Rank 1
 answered on 06 Feb 2013
4 answers
196 views
Hello guys,
is possible to speed up slide transition effect?
When I click on a button, the duration of the transition is not equal to the native ios.
Daniele
Top achievements
Rank 1
 answered on 06 Feb 2013
3 answers
263 views
The text in the database has some embedded line-break tags <br>:

                      The quick brown fox<br>jumped over the lazy dog

When my grid is instantiated for the first time, the text value displays so:                                          

                     The quick brown fox<br>jumped over the lazy dog

When my grid is instantiated on the page a second time (i.e. I fetch the data again from the server via my XHR and recreate the grid as if it had never existed -- it is not merely a rebind to the new data using the existing configuration), the text is rendered so:

                    The quick brown fox
                    jumped over the lazy dog


Happens in  IE, Chrome, FF, and Opera.  
But if I check to see whether the grid already exists, and if it does exist, I simply rebind the data without re-instantiating the grid, then the value is rendered so:

                  The quick brown fox<br>jumped over the lazy dog

   I am trying to figure out what is causing this behavior.
            
Daniel
Telerik team
 answered on 06 Feb 2013
1 answer
111 views
Hey,

I got an Problem with my Application. 

If I navigate through my Views and DetailViews the App works, but after a few clicks, the app stops working.

I click on an Element in my Listview, then I go back and press an other one and go back an so on...
Somtimes I can do that 20 times untill I can't click anything, but often I just can click 2 Times.

Any Idea?

Thanks a lot
Pascal
Alexander Valchev
Telerik team
 answered on 06 Feb 2013
3 answers
240 views
Hi,

I am trying to use kendo.mobile.ui.BackButton inside a navbar, in a mobile web application (mvc.net).
When taping the button I get the following error and then nothing happens:

TypeError: Result of expression 'e' [undefined] in kendo.mobile.min.js:12

here is my layout code (i'm using kendo version 2012.3.1114):

<div data-role="layout" data-id="mobileLayout">
            <header data-role="header">
                <div id="headerNavBarDiv" data-role="navbar">
                    <a id="backBtn" class="nav-button" data-align="left" data-role="backbutton">Back</a>
                    <div id="homeIconDiv" class="smallTempHomeIcon"></div>
                    <a id="showProjectHistory" data-align="right" data-role="button" data-icon="icon historyLight" style="display: none"></a>
                </div>
                <div id="titleDiv"></div>
            </header>
        </div>
        <script>
            var app;
            $(document).ready(function () {
                app = new kendo.mobile.Application($(document.body), { layout: "mobileLayout" });
            });
        </script>


As I understand from your documentation and lots of forum reading - this should be an easy one, but nothing I tried worked (including using the data-click or adding 'href=#:back')

I'll more then appreciate your help in this matter.

Thanks,
Ety 



kendo.mobile.min.js:12

Alexander Valchev
Telerik team
 answered on 06 Feb 2013
2 answers
825 views
Below is a data source which connects to an external REST service. All is well, except when I want to do a query and not return the entire set of data. I need to URL encode with messageTo = xxx but I am unsure of the correct syntax in a Kendo datasource or if this is supported at all..

Are you able to assist? Source code below. The code in BOLD is not working

Best Regards,

Damien.


var dataSource = new kendo.data.DataSource({
            serverPaging: true,
            pageSize: 10,
            transport: {
                read: {
            type: 'GET',
            headers: {'X-Parse-Application-Id':'MY_AUTH_KEY','X-Parse-REST-API-Key':'MY_SECOND_KEY'},
            url: "  https://api.parse.com/1/classes/Messages",
            data: "{ messageTo: 'USER_ID_HERE'}",
 
            dataType: "json" // JSONP (JSON with padding) is required for cross-domain AJAX
                },
             
            },
            schema: { // describe the result format
                data: "results" // the data which the data source will be bound to is in the "results" field
            }
        });
Daniel
Telerik team
 answered on 06 Feb 2013
1 answer
141 views
Hi,

When looking at the Twitter example I have adapted it with my own data.

http://demos.kendoui.com/mobile/listview/pull-with-endless.html

I need to make a slight change:
1. When tapping each 'row' I want it to highlight blue (is there a way I can get this to happen?)
2. When tapping anywhere on the row, it needs to run a function based on id="1" id="2" etc. How do I wrap the entire row with an a href="#" ???? 

Thanks.
Alexander Valchev
Telerik team
 answered on 06 Feb 2013
3 answers
175 views
Hi Kendo gurus,

 I am wondering if I am doing something wrong.

Basically I have a couple of functions that check localStorage session variables and I want to  bind the events to list elements within my Kendo mobile application. 

I have a list view like so: KENDO LIST HTML
 <li data-icon="globe"><a href="#page1">Page 1</a></li>
<li data-icon="reply"><a href="#page2">Page 2</a></li>
<li data-icon="settings"><a href="#page3">Page3</a></li>

Then a function that checks if the user is a guest, and re-directs them: JS:
  function checkSession() {
     if (localStorage.getItem("guest") == "true") {app.navigate('#pleaseregister');}else {app.navigate('#page1');}
    };



I've tried:  
#1. <li data-icon="globe"><a href="#" onClick="checkSession();">Page 1</a></li>
and:
#2. <li data-icon="globe"><a href="#" data-click="checkSession">Page 1</a></li>
#3. <li data-click="checkSession" data-icon="globe"><a href="#" >Page 1</a></li>

In example 1, onClick events fire in the web browser/emulator  but not on physical device, it appears very unresponsive.
Example 2+ 3 does not work at all.

When I use a button like so: 
<a data-icon="toprated" data-click="checkSession"  data-role="button" style="width:90%; height:30px;">Create Listing</a>

It works! But I like the look of the list view. 

If you could let me know if there is a special way of doing this, it would be very much appreciated, I've noticed several Kendo UI users on here asking this question and there doesn't seem to have been an answer given? It's driving me crazy. 

Regards,

Damien.

Alexander Valchev
Telerik team
 answered on 06 Feb 2013
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Drag and Drop
Application
Map
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?