SORU
5 ŞUBAT 2010, Cuma


jQuery UI ay yıl sadece göstermek için DatePicker

JQuery tarih seçici uygulamam her yerinde takvimi görüntülemek için kullanıyorum. Eğer ay ve yıl (Mayıs 2010) ve takvim görüntülemek için kullanabilirsiniz eğer bilmek istiyorum?

CEVAP
5 ŞUBAT 2010, Cuma


İşte bir hack (tüm .updated html dosyası):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css">
<script type="text/javascript">
$(function() {
    $('.date-picker').datepicker( {
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'MM yy',
        onClose: function(dateText, inst) { 
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).datepicker('setDate', new Date(year, month, 1));
        }
    });
});
</script>
<style>
.ui-datepicker-calendar {
    display: none;
    }
</style>
</head>
<body>
    <label for="startDate">Date :</label>
    <input name="startDate" id="startDate" class="date-picker" />
</body>
</html>

EDİT örneğin yukarıdaki jsfiddle: http://jsfiddle.net/bopperben/DBpJe/

2 DÜZENLEYİN Ekler ay yıl düğmeye tıklayarak sadece giriş kutusu için değer. De yer alan yukarıda mümkün değil giriş kutusu değerleri silmenizi sağlar http://jsfiddle.net/DBpJe/5103/

3 DÜZENLEMEK güncelleme daha İyi bir Çözüm rexwolf çözüm aşağı göre.
http://jsfiddle.net/DBpJe/5106

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • CareyHolzman

    CareyHolzman

    24 Ocak 2008
  • Charles Renaud

    Charles Rena

    10 Kasım 2007
  • mist64

    mist64

    30 Mayıs 2006