Jquery-ui- ডেটপিকারের জন্য ইনবিল্ট স্টাইল

11

আমি ডেটপিকারটি ব্যবহার করতে চাই যা কোনও ওয়েবসাইটের সামনের প্রান্তে ওয়ার্ডপ্রেসের সাথে বান্ডিল হয়ে যায়। আমি jquery-ui-datepickerসারিবদ্ধ করেছিলাম কিন্তু ডেটপিকারটি স্টাইলযুক্ত নয় (কনসোলে কোনও জেএস ত্রুটি নেই)। এর জন্য কি কোনও মিল আছে wp_enqueue_style?

আমি এই কোডটি ব্যবহার করেছি functions.php

function rr_scripts() {
  wp_enqueue_script( 'jquery' );
  wp_enqueue_script( 'jquery-ui-datepicker', array( 'jquery' ) );

  wp_register_style( 'bootstrap_css', get_template_directory_uri() . '/assets/css/bootstrap.min.css' );
  wp_enqueue_style( 'bootstrap_css' ); # I'm using Twitter Bootstrap as CSS(if it matters)
}
add_action( 'wp_enqueue_scripts', 'rr_scripts' );

— RRikesh
সূত্র

21

আমি যতদূর জানি, ডেটপিকারের জন্য স্টাইল নেই। আপনাকে নিজের রেজিস্ট্রেশন করতে হবে। কোডটি তখন হবে:

function rr_scripts() {
  wp_enqueue_script( 'jquery' );
  wp_enqueue_script( 'jquery-ui-datepicker', array( 'jquery' ) );

  wp_register_style( 'bootstrap_css', get_template_directory_uri() . '/assets/css/bootstrap.min.css' );
  wp_enqueue_style( 'bootstrap_css' ); // I'm using Twitter Bootstrap as CSS(if it matters)

  wp_register_style('jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css');
  wp_enqueue_style( 'jquery-ui' );   
}

add_action( 'wp_enqueue_scripts', 'rr_scripts' );

— david.binda
সূত্র

+1 তবে স্ক্রিপ্টটি নিবন্ধকরণ করার প্রয়োজন নেই এবং তারপরে এটি স্বাধীনভাবে সারিবদ্ধ করুন। একক মধ্যে একত্রিত করুন, যেমন:wp_enqueue_style( 'bootstrap_css', get_template_directory_uri() . '/assets/css/bootstrap.min.css' );

— এলোমেলো_উজার_নাম

আমি সিএসএস অংশে আটকে ছিলাম কিন্তু আপনি আমার দিনটি তৈরি করেছেন। ধন্যবাদ

— ফ্রাঙ্ক

4

স্ক্রিপ্ট ও শৈলী লোড করতে, আপনার থিমের functions.phpফাইলে নিম্নলিখিত কোডটি যুক্ত করুন।

function add_e2_date_picker(){
//jQuery UI date picker file
wp_enqueue_script('jquery-ui-datepicker');
//jQuery UI theme css file
wp_enqueue_style('e2b-admin-ui-css','http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css',false,"1.9.0",false);
}
add_action('wp_enqueue_scripts', 'add_e2_date_picker');

ব্যাক-এন্ড ব্যবহারের জন্য স্ক্রিপ্ট:

function add_e2_date_picker(){
//jQuery UI date picker file
wp_enqueue_script('jquery-ui-datepicker');
//jQuery UI theme css file
wp_enqueue_style('e2b-admin-ui-css','http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css',false,"1.9.0",false);
}
add_action('admin_enqueue_scripts', 'add_e2_date_picker');

আমাকে options-general.phpসেটিংস-> তারিখ পিকারে প্রদর্শন করতে হবে। কেবলমাত্র এই কোডটি আগের কোডের নীচে ফাংশন.এফপি ফাইলে রাখুন।

function register_datepiker_submenu() {
    add_submenu_page( 'options-general.php', 'Date Picker', 'Date Picker', 'manage_options', 'date-picker', 'datepiker_submenu_callback' );
}

function datepiker_submenu_callback() { ?>

    <div class="wrap">

    <input type="text" class="datepicker" name="datepicker" value=""/>

    </div>

    <script>
    jQuery(function() {
        jQuery( ".datepicker" ).datepicker({
            dateFormat : "dd-mm-yy"
        });
    });
    </script> 

<?php }
add_action('admin_menu', 'register_datepiker_submenu');

?>

ওয়ার্ডপ্রেস থিম বা প্লাগইনে একটি jQuery তারিখ চয়নকারী যুক্ত করতে আরও বিশদ দয়া করে দেখুন

— csehasib
সূত্র