I want to show date and time picker. I googled many times but not getting anything. I download the files from the "keduoi" and used in mu project but its not working properly showing only textfield. I am trying from this link.
Here is code:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LaterTime_Pick_up.aspx.cs" Inherits="LocationBasedTaxiServices.LaterTime_Pick_up" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ".dtd">
<html xmlns="">
<head>
<title></title>
<link href="styles/kendomon.min.css" rel="stylesheet" />
<link href="styles/kendo.default.min.css" rel="stylesheet" />
<script type="" src="js/jquery.min.js"></script>
</head>
<body>
<div id="example" class="k-content">
<div id="to-do">
<input id="datetimepicker" style="width:200px;" />
</div>
<script type="">
$(document).ready(function () {
// create DateTimePicker from input HTML element
$("#datetimepicker").kendoDateTimePicker({
value: new Date()
});
});
</script>
<style scoped>
#to-do {
height: 52px;
width: 221px;
margin: 30px auto;
padding: 91px 0 0 188px;
background: url('../../content/web/datepicker/todo.png') transparent no-repeat 0 0;
}
</style>
</div>
</body>
</html>
It's showing only textfield.
I want to show date and time picker. I googled many times but not getting anything. I download the files from the "keduoi." and used in mu project but its not working properly showing only textfield. I am trying from this link.
Here is code:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LaterTime_Pick_up.aspx.cs" Inherits="LocationBasedTaxiServices.LaterTime_Pick_up" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3/1999/xhtml">
<head>
<title></title>
<link href="styles/kendo.mon.min.css" rel="stylesheet" />
<link href="styles/kendo.default.min.css" rel="stylesheet" />
<script type="" src="js/jquery.min.js"></script>
</head>
<body>
<div id="example" class="k-content">
<div id="to-do">
<input id="datetimepicker" style="width:200px;" />
</div>
<script type="">
$(document).ready(function () {
// create DateTimePicker from input HTML element
$("#datetimepicker").kendoDateTimePicker({
value: new Date()
});
});
</script>
<style scoped>
#to-do {
height: 52px;
width: 221px;
margin: 30px auto;
padding: 91px 0 0 188px;
background: url('../../content/web/datepicker/todo.png') transparent no-repeat 0 0;
}
</style>
</div>
</body>
</html>
It's showing only textfield.
Share Improve this question edited Jun 28, 2015 at 17:52 halfer 20.4k19 gold badges109 silver badges202 bronze badges asked Apr 23, 2013 at 7:58 pareshypareshy 3411 gold badge5 silver badges15 bronze badges 8- 2 You are missing js/kendo.all.min.js link in your code – Alex Commented Apr 23, 2013 at 8:02
- u are rite... but i have not file for this – pareshy Commented Apr 23, 2013 at 8:47
- You should probably buy it :) or use its 30 days trial. – Alex Commented Apr 23, 2013 at 8:49
- js/kendo.all.min.js is not available in the folder which I download from the <kendo.> – pareshy Commented Apr 23, 2013 at 9:03
- 2 @Faiza there are many other alternatives, which are free. Personaly I use ajaxcontroltoolkit calendar extender control. But you can search for some others. They are not worse then kendo, belive me – Alex Commented Apr 23, 2013 at 9:50
3 Answers
Reset to default 3I am not sure unless you can tell exactly what error you are getting. But if you have not added js file then go ahead and do it first.
There are different plans available to get kendo ui. Refer This
There is documentation by kendo for using datepicker in asp application.
Link Here
You must include the Javascript for kendoui.
<script src='xxxx/kendo-uixxx.js'></script>
kendo.all.min.js is missing in your code.
You also can use jQuery.UI, it sometimes easier for beginners to start building client interfaces with jQuery.
- jQuery UI: http://jqueryui./
- jQuery UI Datepicker: http://jqueryui./datepicker/