Telerik Forums
Kendo UI for jQuery Forum
4 answers
737 views
Hi!  
I have a problem with MySQL date format and DatePicker

I have one table in Mysql with one field : fechafinmantenimiento is datetime
in the table one register is like this : 2013-02-14 00:00:00

I have a Grid this is the code in the datasource :
fechafinmantenimiento: { type: "date", format: "MMMM-dd-yyyy" },
code in column :
{ field: "fechafinmantenimiento", title: "Finalización Tipo Mantenimiento", template: '#= kendo.toString(fechafinmantenimiento,"dd/MM/yyyy") #', width: 150},

Code DatePicker definition:
$("#cargarfechafinmantenimiento").kendoDatePicker({
  format: "MM-dd-yyyy"
})

On the Grid I see the value like this: 14/02/2013 <-Correct for me!

When I select a row on the grid, send the date value to the input form
<input id="cargarfechafinmantenimiento" name="fechafinmantenimiento" style="width:150px"/>

But in the input form I see the value like this : Thu Feb 14 2013 00:00:00 GMT+0100 (Hora estándar romance)

Only when I select another date on the widget, then show me the date format like this : 02-20-2013

What is wrong? a bug? a code? bad interpretation between mysql and kendoUI (javascript)?

Thank you

JC
JC
Top achievements
Rank 1
 answered on 22 Feb 2013
4 answers
236 views
Hi,
I'm testing my application on tablet. Specifically I'm testing the grid widget.
All works fine, but I have a problem with filters. On tablet only I have this behaviour:

1) I open a filter for a string column
2) I insert a value on the first filter field (I have the extra flag enabled). If I click on the "filter" button, the filter form is closed, but the grid is not filtered
3) If I reopen the filter, I see the value that I have inserted before, and if I click again on filter button, the grid is filtered
4) If I open the filter, insert the value on the first filter, and then I change the focus of the controls, touching the second filter field, the filter button works as expected.

For the test I'm using iPad and Chrome/Safari.

Can I fix this behaviour in some way? If not, can I intercept the click on the filter button and execute my a function?

Thanks!
Nikolay Rusev
Telerik team
 answered on 22 Feb 2013
3 answers
77 views
Hello,

when the scroller is over dark image it can't be seen. On Ios the default scrollbar have some how a white border or white glow around the scrollbar so with white border and black content the scrollbar has a much better visibility.

can we do something to improve the visibility of the scrollbar?

Thank you
Frederic
Top achievements
Rank 1
 answered on 22 Feb 2013
3 answers
491 views
My Issue:
- I have a JSON array bound to a Kendo UI Mobile List
- The query is run and the data assigned to the list
-Once the data is assigned to the list it can't be refreshed

What is the correct method to refresh the data on the list?

Is there a way, or does it involve a lot of hacking.
I would appreciate a snippet or small fiddle if one exists

Cheers

Darren
Alexander Valchev
Telerik team
 answered on 22 Feb 2013
1 answer
99 views
Hi,
I would like to create a graph with two series.  I essentially would like to combine the stock chart with a bubble chart that has a (secondary) y-axis.  For each bubble, I would need to manipulate the size and color (red or green) based on the data point.    Secondly, is it possible to sniff out the selected range of values in the stock chart y-axis ?  The range of values is large and the line is seemlingly flat, so I would like to minimize the min and max so the line looks more volatile.  It would be nice if this were tied to the datasource, but I'm open to ideas. 
Any examples that you can point me to would be greatly appreciated.
Thanks
TF
Iliana Dyankova
Telerik team
 answered on 22 Feb 2013
7 answers
1.6K+ views
Hi,

When a DatePicker defines both a format option and parseFormat(s) values, the control doesn't convert the date to the format specified in option.format when it is the same date.

To reproduce use the following sample script and manually modify the datepicker to be 2012/08/21 

<input id="sampleDate" name="sampleDate" value="21 Aug 2012" />       
<input id="showInputValue" type="button" />

<div id="output"></div>​​​​​​​​​​​​​​​​​ 


jQuery(
function(){
    jQuery("#sampleDate").kendoDatePicker({"format":"dd MMM yyyy","parseFormats":["yyyy/MM/dd"]});
     
        
     
     
    $("#showInputValue").click(function()
                                {
                                      $("#output").append("<div>" + $("#sampleDate").val() + "</div>");
                                });
});



Yann
Georgi Krustev
Telerik team
 answered on 22 Feb 2013
3 answers
817 views
Hi,

I would like to use a DropDownList as custom editor in combination with a colum template inside a Grid. The problem now is that the gid does not accept the selected value of the DropDownList, it always jumps back to thre previous value.

What's going wrong there?

JS Bin sample: http://jsbin.com/afadeh/1/edit

Thanks,
Holger
Iliana Dyankova
Telerik team
 answered on 22 Feb 2013
3 answers
152 views
Hi,

I have two KendoDatePickers (used as month/year) on the same page. When I select a date from the calendar, the second DatePicker defaults the date to the selected date in the first DatePicker as opposed to the current date/time. Below is my code if this helps:

$(

 

"#frommonthpicker").kendoDatePicker({

 

start:

 

"year",

 

depth:

 

"year",

 

format:

 

"MMMM yyyy"

 

});

$(

 

"#tomonthpicker").kendoDatePicker({

 

start:

 

"year",

 

depth:

 

"year",

 

format:

 

"MMMM yyyy"

 

});

Georgi Krustev
Telerik team
 answered on 22 Feb 2013
3 answers
254 views
I think my understanding of the kendo window's refresh() method may be incorrect. If it is, could you please explain  what refresh() does, and advise on how to accomplish the desired behavior?  

Main page has department employees listed on it.  When an employee name is clicked, a popup window opens, showing the employee's calendar. Then the popup can be closed by the user, and another employee's name can be clicked, and their calendar should be displayed. And so on and so on.  The calendar must change when currentEmployeeID changes. 

My code below isn't working as I expected: the calendar does not change, even though on the second and subsequent times, refresh() is being invoked with a different URL.

currentEmployeeID =  //user  makes a selection and employeeName is also changed accordingly
  if (!mydiv.data("kendoWindow") ) {
       mydiv.kendoWindow({
                iframe: true,                   
                title:  employeeName,
                content: "calendar.htm?eeid="+currentEmployeeID;         
                type: "GET"
                }
         });
       mydiv.data("kendoWindow").open();
 
} else {
       mydiv.data("kendoWindow").refresh({
            iframe: true,
            type: "GET",
            title:  employeeName,        
            url:  "calendar.htm?eeid="+currentEmployeeID       
        });
         mydiv.data("kendoWindow").open();
}



Vladimir Iliev
Telerik team
 answered on 22 Feb 2013
3 answers
175 views
Hello everyone,

I am using Mobiscroll in one of my projects and its called in a KendoUI Modal Window, the problem is that when I scroll the values in the mobiscroll the Modal Window closes.

Any idea what's happening?

Thanks everyone!
Alexander Valchev
Telerik team
 answered on 22 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
Application
Map
Drag and Drop
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
MultiColumnComboBox
Dialog
Chat
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
+? more
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?