यि - विस्तार

एक्सटेंशन विशेष रूप से वाईआई अनुप्रयोगों में उपयोग किए जाने वाले पैकेज हैं। आप अपने कोड को एक्सटेंशन के रूप में साझा कर सकते हैं या अपने एप्लिकेशन में सुविधाओं को जोड़ने के लिए तीसरे पक्ष के एक्सटेंशन का उपयोग कर सकते हैं।

एक्सटेंशन का उपयोग करना

अधिकांश एक्सटेंशन को कंपोजर पैकेज के रूप में वितरित किया जाता है। संगीतकार पैकेजागिस्ट से संकुल स्थापित करता है - संगीतकार संकुल के लिए भंडार।

तृतीय-पक्ष एक्सटेंशन स्थापित करने के लिए, आपको चाहिए -

• में एक्सटेंशन जोड़ें composer.json फ़ाइल।

• कंपोज़र इंस्टॉल करें।

दिनांक और समय विजेट जोड़ना

हमें एक स्वच्छ जोड़ें datetime हमारी परियोजना के लिए विजेट।

Step 1 - संशोधित करें composer.json इस तरह से मूल एप्लिकेशन टेम्पलेट की फ़ाइल।

{
   "name": "yiisoft/yii2-app-basic",
   "description": "Yii 2 Basic Project Template",
   "keywords": ["yii2", "framework", "basic", "project template"],
   "homepage": "http://www.yiiframework.com/",
   "type": "project",
   "license": "BSD-3-Clause",
   "support": {
      "issues": "https://github.com/yiisoft/yii2/issues?state=open",
      "forum": "http://www.yiiframework.com/forum/",
      "wiki": "http://www.yiiframework.com/wiki/",
      "irc": "irc://irc.freenode.net/yii",
      "source": "https://github.com/yiisoft/yii2"
   },
   "minimum-stability": "stable",
   "require": {
      "php": ">=5.4.0",
      "yiisoft/yii2": ">=2.0.5",
      "yiisoft/yii2-bootstrap": "*",
      "yiisoft/yii2-swiftmailer": "*",
      "kartik-v/yii2-widget-datetimepicker": "*"
   },
   "require-dev": {
      "yiisoft/yii2-codeception": "*",
      "yiisoft/yii2-debug": "*",
      "yiisoft/yii2-gii": "*",
      "yiisoft/yii2-faker": "*"
   },
   "config": {
      "process-timeout": 1800
   },
   "scripts": {
      "post-create-project-cmd": [
         "yii\\composer\\Installer::postCreateProject"
      ]
   },
   "extra": {
      "yii\\composer\\Installer::postCreateProject": {
         "setPermission": [
            {
               "runtime": "0777",
               "web/assets": "0777",
               "yii": "0755"
            }
         ],
         "generateCookieValidationKey": [
            "config/web.php"
         ]
      },
      "asset-installer-paths": {
         "npm-asset-library": "vendor/npm",
         "bower-asset-library": "vendor/bower"
      }
   }
}

हमने निर्भरता को जोड़ा है "kartik-v/yii2-widget-datetimepicker": "*" आवश्यक अनुभाग में।

Step 2 - अब, प्रोजेक्ट रूट के अंदर, सभी निर्भरता को अपडेट करने के लिए कंपोजर अपडेट चलाएं।

हमने अभी एक्सटेंशन स्थापित किया है। तुम इसे भीतर पाओगेvendor/kartik-v/yii2widget-datetimepicker फ़ोल्डर।

Step 3 - पृष्ठ में नव स्थापित विजेट प्रदर्शित करने के लिए, संशोधित करें About का दृश्य actionAbout की विधि SiteController।

<?php
   /* @var $this yii\web\View */ use kartik\datetime\DateTimePicker; use yii\helpers\Html; $this->title = 'About';
   $this->params['breadcrumbs'][] = $this->title;
   $this->registerMetaTag(['name' => 'keywords', 'content' => 'yii, developing, views, meta, tags']); $this->registerMetaTag(['name' => 'description',
      'content' => 'This is the description of this page!'], 'description');
?>
<div class="site-about">
   <h1><?= Html::encode($this->title) ?></h1>
   <p>
      This is the About page. You may modify the following file to customize its content:
   </p>
   <?php
      echo DateTimePicker::widget([
         'name' => 'dp_1',
         'type' => DateTimePicker::TYPE_INPUT,
         'value' => '23-Feb-1982 10:10',
         'pluginOptions' => [
            'autoclose'=>true,
            'format' => 'dd-M-yyyy hh:ii'
         ]
      ]);
   ?>
</div>

Step 4 - अब, प्रोजेक्ट रूट से अंतर्निहित php सर्वर को रन के माध्यम से चलाएँ php -S localhost:8080t web आदेश।

Step 5 - पर जाएं http://localhost:8080/index.php?r=site/about. आपको साफ-सुथरा दिखाई देगा datetime निम्न स्क्रीनशॉट में दिखाया गया है।