|
 |
| |
อยากจะทำให้ค่าวันที่หลังเลือก มันแสดงค่าวันที่ค้างไว้ ทำอย่างไงค่ะ jQuery UI Datepicker onSelect |
| |
 |
|
|
 |
 |
|
อยากจะทำให้ค่าวันที่หลังเลือก มันแสดงค่าวันที่ค้างไว้ ทำอย่างไงค่ะ jQuery UI Datepicker onSelect
เพราะ ดิฉัน จะต้องนำมาทำวันที่ระหว่างค่ะ
ขอบคุณนะค่ะ
Code (PHP)
<html>
<head>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/south-street/jquery-ui.css" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
$('#date').datepicker({
showOn: 'both',
buttonImage: "cal.png",
buttonImageOnly: true,
autoSize: true,
onSelect: function (dateText, inst) {
$(this).parent('form').submit();
}
});
});
</script>
<style type="text/css">
#ui-datepicker-div {
font-size: 70%; /* Without this the datepicker looks huge! */
}
.ui-datepicker-trigger {
vertical-align: middle;
}
</style>
</head>
<body>
<form name='frmDate' id='frmDate' method='post' action='index.html'>
<input type='text' id='date' />
</form>
</body>
</html>
อ้างอิงจาก : http://mikemurko.com/uploads/demos/datepicker_form/
Tag : PHP, HTML/CSS, JavaScript, Action Script, Ajax, jQuery
|
|
|
 |
 |
 |
 |
| Date :
2013-05-20 15:44:50 |
By :
kittipongw |
View :
781 |
Reply :
4 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
Code (PHP)
<html>
<head>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/south-street/jquery-ui.css" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function(){
$('#date').datepicker({
showOn: 'both',
buttonImage: "cal.png",
buttonImageOnly: true,
autoSize: true,
onSelect: function (dateText, inst){
$(this).parent('form').submit();
}
});
});
</script>
<style type="text/css">
#ui-datepicker-div {
font-size: 70%; /* Without this the datepicker looks huge! */
}
.ui-datepicker-trigger {
vertical-align: middle;
}
</style>
</head>
<body>
<form name='frmDate' id='frmDate' method='post' action='index.php'>
<input type='text' name='txt_date' id='date' value="<?php echo $_POST["txt_date"];?>" />
</form>
</body>
</html>
เวลาเซฟไฟล์ เซฟเป็นไฟล์ php นะครับ
|
| |
|
|
| |
| Date :
2013-05-20 17:17:34 |
By :
popnakub |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แต่จริงๆแล้วส่วนตัวผมว่าตัด
onSelect: function (dateText, inst){
$(this).parent('form').submit();
}
แล้้วทำปุ่ม submit น่าจะดีกว่านะครับ 
|
| |
|
|
| |
| Date :
2013-05-20 17:19:17 |
By :
popnakub |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (PHP)
$(function(){
$(".txt_date").datepicker({
//showOn: 'both',
//buttonImage: "cal.png",
//buttonImageOnly: true,
//autoSize: true,
dateFormat : "dd-MM-yy",
onSelect: function (dateText, inst){
$(this).parent("form").submit();
}
}).focus(function(){
$(this).css({"border":"solid 1px #CCC", "background-color":"#E0EEEE"});
}).blur(function(){
$(this).css({"border":"solid 1px #CCC", "background-color":"#FFFFFF"});
});
});
|
| |
|
|
| |
| Date :
2013-05-20 17:40:55 |
By :
popnakub |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณมากๆ ค่ะ คุณ popjung
|
| |
|
|
| |
| Date :
2013-05-21 08:38:07 |
By :
kittipongw |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
