|
 |
| |
กด addrow กรอกข้อมูลแถวที่ 2 แล้ว datepicker ไม่ขึ้น ช่วยที่นะครับ |
| |
 |
|
|
 |
 |
|
เรื่องการใช้ jquery หลายๆครั้งอะครับ ผมสร้างปุ้ม addrow มาแล้วมีช่อง textbox ให้กรอกวันที่โดยใช้ datepicker ซึ่งแถวแรกกดแล้ววันที่ขึ้น พอกด addrow แถวที่ 2 กดแล้วแต่ datepicker ไม่ขึ้น >> ปมต้องใช้ fn. อะไรเข้ามาช่วยหรอครับ ถามผู้รู้ทุกคนนนะครับ
Code (JavaScript)
<script>
//DATEPICKER
$(function() {
$(".Startdate").datepicker({
defaultDate: "+1w",
changeMonth: true,
changeYear: true,
numberOfMonths: 2,
dateFormat: 'd M yy',
isBuddhist: true,
dayNames: ['อาทิตย์', 'จันทร์', 'อังคาร', 'พุธ', 'พฤหัสบดี', 'ศุกร์', 'เสาร์'],
dayNamesMin: ['อา', 'จ', 'อ', 'พ', 'พฤ', 'ศ', 'ส'],
monthNames: ['มกราคม', 'กุมภาพันธ์', 'มีนาคม', 'เมษายน', 'พฤษภาคม', 'มิถุนายน', 'กรกฎาคม', 'สิงหาคม', 'กันยายน', 'ตุลาคม', 'พฤศจิกายน', 'ธันวาคม'],
monthNamesShort: ['มกราคม', 'กุมภาพันธ์', 'มีนาคม', 'เมษายน', 'พฤษภาคม', 'มิถุนายน', 'กรกฎาคม', 'สิงหาคม', 'กันยายน', 'ตุลาคม', 'พฤศจิกายน', 'ธันวาคม'],
onClose: function( selectedDate ) {
$(".Enddate").datepicker( "option", "minDate", selectedDate );
}
});
$(".Enddate").datepicker({
defaultDate: "+1w",
changeMonth: true,
changeYear: true,
numberOfMonths: 2,
dateFormat: 'd M yy',
isBuddhist: true,
dayNames: ['อาทิตย์', 'จันทร์', 'อังคาร', 'พุธ', 'พฤหัสบดี', 'ศุกร์', 'เสาร์'],
dayNamesMin: ['อา', 'จ', 'อ', 'พ', 'พฤ', 'ศ', 'ส'],
monthNames: ['มกราคม', 'กุมภาพันธ์', 'มีนาคม', 'เมษายน', 'พฤษภาคม', 'มิถุนายน', 'กรกฎาคม', 'สิงหาคม', 'กันยายน', 'ตุลาคม', 'พฤศจิกายน', 'ธันวาคม'],
monthNamesShort: ['มกราคม', 'กุมภาพันธ์', 'มีนาคม', 'เมษายน', 'พฤษภาคม', 'มิถุนายน', 'กรกฎาคม', 'สิงหาคม', 'กันยายน', 'ตุลาคม', 'พฤศจิกายน', 'ธันวาคม'],
onClose: function( selectedDate ) {
$( ".from1" ).datepicker( "option", "maxDate", selectedDate );
}
});
});
//ADDROW
$("document").ready(function(){
$(".alternativeRow").btnAddRow({oddRowCSS:"oddRow",evenRowCSS:"evenRow"});
$(".delRow").btnDelRow();
});
</script>
Tag : PHP
|
|
|
 |
 |
 |
 |
| Date :
2014-08-24 14:51:16 |
By :
dexnall |
View :
1020 |
Reply :
7 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
<table border="1" class="atable">
<tr>
<th colspan="2">Input your data</th>
<th><input type="button" value="Add Row" class="alternativeRow"/></th></tr>
<tr>
<td>Your Data</td>
<td><input type="text" size="25" class="Startdate"/></td>
<td><img src="/images/cross.gif" class="delRow" border="0"></td></tr>
</table>
การเรียกใช้งานครับ
|
| |
|
|
| |
| Date :
2014-08-24 14:52:24 |
By :
dexnall |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ยังไม่ได้เลยครับพี่ นิ่งสนิท เลย T-T
|
| |
|
|
| |
| Date :
2014-08-25 08:50:26 |
By :
dexnall |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
มี 2 ฟังชั่นที่ใช้ครับในการ addrow
- https://code.google.com/p/zoop/source/browse/trunk/apps/request/public/js/jquery.table.addrow.js?r=403
- https://github.com/a1phanumeric/jQuery-Default-Text-Plugin/blob/master/jquery.DefaultText.js
|
| |
|
|
| |
| Date :
2014-08-25 08:56:48 |
By :
dexnall |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
พี่ช่วยดูให้ผมน่อยครับ คือผมต้องการให้เลขหน้า row มันรันถูกต้องอะครับคือผมแถวนั้นไปเลขหน้าข้างก็ต้องถูกเหมือนเดิมครับ
//รบกวนขอ email พี่ CowBoyCNX ด้วยนะครับขอบคุณมากครับ
|
| |
|
|
| |
| Date :
2014-08-25 16:45:23 |
By :
dexnall |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (PHP)
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var template = "<div class='row'><span class='rownum'></span><input type='text' class='datepicker' /> <input type='button' class='delBtn' value='ลบ' /></div>";
$("#addDate").click(function(){
var row = 1;
$("#container").append(template);
$("span.rownum").each(function(){
$(this).text(row);
++row;
});
});
$('#container').on('click','input.datepicker', function() {
$(this).datepicker('destroy').datepicker({showOn:'focus'}).focus();
}).on('click','input.delBtn',function(){
var row = 1;
$(this).parents('div.row').remove();
$("span.rownum").each(function(){
$(this).text(row);
++row;
});
});
});
</script>
<input type='button' id='addDate' value='Add' /><br />
<div id='container'>
<div class='row'><span class='rownum'>1</span><input type='text' class='datepicker' /></div>
</div>
|
| |
|
|
| |
| Date :
2014-08-26 07:43:14 |
By :
cowboycnx |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
Quote:
