Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

jQuery ile Tarih Selectbox içinden bugünün tarihi tıklayarak otomatik seçmek

Aşağıdaki gibi bri kodumuz olduğunu varsayalım.
[Bugünü Seç] e tıklandığında bu günün tarihi jquey ile nasıl seçtirebilirim(selected)?

Bu dediğim olayı aşağıdaki demoda gördüm bu kodlarda var elimde ancak bunlar javascript ile yapmış (gerçi jQueryde JavaScript) ama biraz fazla uzatmışlar...

http://www.apphp.com/php-hotel-site/examples/sample2/index.php?admin=login
den giriş yapıp soldaki menüden
Bookings » Promo and Discounts » Campaigns Management » Add
Tıklayarak ulaşabilirsiniz.

<li>
<label>Tarih</label>
<select id="gun" name="gun">
<option value="">Gün</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select id="ay" name="ay">
<option value="">Ay</option>
<option value="01">Ocak</option>
<option value="02">Şubat</option>
<option value="03">Mart</option>
<option value="04">Nisan</option>
<option value="05">Mayıs</option>
<option value="06">Haziran</option>
<option value="07">Temmuz</option>
<option value="08">Ağustos</option>
<option value="09">Eylül</option>
<option value="10">Ekim</option>
<option value="11">Kasım</option>
<option value="12">Aralık</option>
</select>
<select id="yil" name="yil">
<option value="">Yıl</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
</select> <a href=''>[Bugünü Seç]</a>
</li>
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • siyahbeyaz adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    472 cevap - 20 soru
    <a href="javascript:tarih_sec('01','12','2011');">
    <!-- tarih sec kısmına php ile gunun tarihini yazdırırsın yada javascriptle o kadar detaya girmedim suan film izliyorm :) -->
    



    <script type="text/javascript">
    function tarih_sec(gun,ay,yil) {
    $('select[name="gun"] option[value="'+gun+'"]').attr("selected", true);
    $('select[name="ay"] option[value="'+ay+'"]').attr("selected", true);
    $('select[name="yil"] option[value="'+yil+'"]').attr("selected", true);
    }
    </script>
    
    • zyber adlı üyenin fotoğrafı zyber
      Teşekkürler bu mantık işimi görebilir peki php ile bugünün tarihini almak yerine bir submit eklesek bugün isminde... içinde değer olmasın sadece click lendiğinde
      $("#submit").click(function(){ 
      gibi
      yazdığınız fonksiyonun hemen üstüne bugünün tarihini jQuery ile alıp onu gün ay yıl a parse edip fonksiyondaki ilgili yere atasak daha mantıklı olmaz mı?
      jQuery ile bugünün tarihini alıp gün ay ve yılı parse etmeyi bilmediğim için şuan bunu araştırıyorum
      var date = new Date();
      var newdate = date.getDate()
      


      Bu şekilde tek tık ile fonksiyon kendi içinde işleri halledip bize işlem sonucunu vermiş olacak. Sanırım daha temiz iş olur.


      <script type="text/javascript">
      function tarih_sec() {
      var date = new Date();
      var newdate = date.getDate()
      parseInt($('#gun option:selected').val(), 10);
      ......
      //sonra bu değerler aşağıya atanacak
      $('select[name="gun"] option[value="'+gun+'"]').attr("selected", true);
      $('select[name="ay"] option[value="'+ay+'"]').attr("selected", true);
      $('select[name="yil"] option[value="'+yil+'"]').attr("selected", true);
      }
      </script>
      
      
      10 yıl önce yazılmış
    • zyber adlı üyenin fotoğrafı zyber
      Aşağıda ki şekilde yaptım ve çalıştı.
      Görülen bir hata ya da bundan daha kısa bir yol var mıdır?

      $(document).ready(function(){
      $('#iptal').live('click',function(){
      $('select[name="gun"] option[value=""]').attr("selected", true);
      $('select[name="ay"] option[value=""]').attr("selected", true);
      $('select[name="yil"] option[value=""]').attr("selected", true);
      });
      
      //$('#bugun').click(function(){
      $('#bugun').live('click',function(){
      var tarih = new Date();
      var gun = tarih.getDate();
      var ay  = tarih.getMonth()+1;
      var yil = tarih.getFullYear();
      
      (String(ay).length < 2) ? ay = String("0" + ay) :  ay = String(ay);
      (String(gun).length < 2) ? gun = String("0" + gun) :  gun = String(gun);
      
      $('select[name="gun"] option[value="'+gun+'"]').attr("selected", true);
      $('select[name="ay"] option[value="'+ay+'"]').attr("selected", true);
      $('select[name="yil"] option[value="'+yil+'"]').attr("selected", true);
      });
      });
      
      10 yıl önce yazılmış
    • siyahbeyaz adlı üyenin fotoğrafı siyahbeyaz
      PEK SANMIYORUM. SON HUKMU O KADAR OLUR
      10 yıl önce yazılmış

Cevaplar

Hiç cevap bulunamadı.