Menginput otomatis tanggal berakhir
mikhafhu · Jun 24, 2012
maaf mas mau nanya,maklum saya lagi bingung banget,(milih judulnya jg udah bingung)
masalahnya saya punya 3 buah combobox yang berisi masing masing tanggal, bulan, dan tahun untuk input tanggal mulai dan 3 buah combo box yang serupa untuk input tanggal berakhir.
pertanyaan saya
1.bagaimana ketika kita ingin memasukan tanggal mulai,combobox yang ada di tanggal berakhir sudah tercantum secara otomatis tanggal berakhirnya,contoh saya ingin memasukan tanggal 30 januari 2010 untuk tgl mulai,dan tanggal berakhir harus secara otomatis langsung menginputkan tanggal berakhir 30 januari 2015(jangka waktu 5 tahun)
2.bagaimana menyimpan tanggal mulai yang mempunyai 3 combobox kedalam satu field tanggal mulai yang ada di database saya.
saya rasa hanya itu pertanyaan saya,
mohon dibantu,soalnya hal ini berkaitan dengan ujian alhir program saya.
sebelumnya terima kasih.
masalahnya saya punya 3 buah combobox yang berisi masing masing tanggal, bulan, dan tahun untuk input tanggal mulai dan 3 buah combo box yang serupa untuk input tanggal berakhir.
pertanyaan saya
1.bagaimana ketika kita ingin memasukan tanggal mulai,combobox yang ada di tanggal berakhir sudah tercantum secara otomatis tanggal berakhirnya,contoh saya ingin memasukan tanggal 30 januari 2010 untuk tgl mulai,dan tanggal berakhir harus secara otomatis langsung menginputkan tanggal berakhir 30 januari 2015(jangka waktu 5 tahun)
2.bagaimana menyimpan tanggal mulai yang mempunyai 3 combobox kedalam satu field tanggal mulai yang ada di database saya.
saya rasa hanya itu pertanyaan saya,
mohon dibantu,soalnya hal ini berkaitan dengan ujian alhir program saya.
sebelumnya terima kasih.
Silahkan login untuk menjawab!
0
Loading...
Ellyx Christian
· Jun 25, 2012
· 0 Suka
· 0 Tidak Suka
pake saja jquery ui datepicker
<form action="" method="post">
Mulai: <input type="text" name="mulai" id="mulai"/>
Selesai: <input type="text" name="selesai" id="selesai"/>
</form>
<!-- tambah jquery & jquery ui -->
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.19/themes/ui-lightness/jquery-ui.css" rel="stylesheet"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.19/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#mulai').datepicker({
dateFormat:'yy-mm-dd',
showOn:'both',
changeYear:true,
changeMonth:true,
onSelect:function(selectedDate, inst){
var date = $.datepicker.parseDate(inst.settings.dateFormat ||$.datepicker._defaults.dateFormat,selectedDate, inst.settings);
var years = 5; // lima tahun
date.setFullYear(date.getFullYear() + years);
$('#selesai').datepicker('option', 'minDate', date);
$('#selesai').val($.datepicker.formatDate('yy-mm-dd', date));
}
});
$('#selesai').datepicker({
dateFormat:'yy-mm-dd',
showOn:'both',
changeYear:true,
changeMonth:true
});
});
</script>
0
Loading...
berkah
· Jun 25, 2012
· 0 Suka
· 0 Tidak Suka
0
Loading...
Ellyx Christian
· Jun 25, 2012
· 0 Suka
· 0 Tidak Suka
misal tambah 1 hari
<form action="" method="post">
Mulai: <input type="text" name="mulai" id="mulai"/>
Selesai: <input type="text" name="selesai" id="selesai"/>
</form>
<!-- tambah jquery & jquery ui -->
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.19/themes/ui-lightness/jquery-ui.css" rel="stylesheet"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.19/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#mulai').datepicker({
dateFormat:'yy-mm-dd',
showOn:'both',
changeYear:true,
changeMonth:true,
onSelect:function(selectedDate, inst){
var date = $.datepicker.parseDate(inst.settings.dateFormat ||$.datepicker._defaults.dateFormat,selectedDate, inst.settings);
var hari = 1; // 1 hari
date.setDate(date.getDate() + hari);
$('#selesai').datepicker('option', 'minDate', date);
$('#selesai').val($.datepicker.formatDate('yy-mm-dd', date));
}
});
$('#selesai').datepicker({
dateFormat:'yy-mm-dd',
showOn:'both',
changeYear:true,
changeMonth:true
});
});
</script>
0
Loading...
fahmi
· May 22, 2018
· 0 Suka
· 0 Tidak Suka